• cascade 級(jí)聯(lián)
  • 屬性說明
  • 示例
    • 代碼示例

cascade 級(jí)聯(lián)

解釋：多級(jí)選擇組件，為開發(fā)者提供級(jí)聯(lián)選擇功能，默認(rèn)為三級(jí)。比如：省/市/區(qū)。該組件包括左側(cè)標(biāo)簽欄，以及右側(cè)多個(gè) picker（從底部彈起的滾動(dòng)選擇器）。支持配置左側(cè)標(biāo)簽寬度，并提供自定義樣式，可供開發(fā)者進(jìn)行定制。

成都創(chuàng)新互聯(lián)公司成立于2013年，先為赤壁等服務(wù)建站，赤壁等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為赤壁企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

屬性說明

示例

跳轉(zhuǎn)編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度APP掃碼

代碼示例

• SWAN
• JS
• CSS
• JSON

 
 
 

  
  
  

  
  
  

  
  
  
 range="{{multiArray1}}"
  
  
  
 label="四字標(biāo)題"
  
  
  
 range-key="name"
  
  
  
 bind:change="change"
  
  
  
 placeholder="{{['請(qǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(qū)']}}"
  
  
  
>
  
  
  

  
  
  

  
  
  
 range="{{multiArray2}}"
  
  
  
 label="無下邊框""
  
  
  
 range-key="name"
  
  
  
 noborder="true"
  
  
  
 bind:change="change"
  
  
  
>
  
  
  

  
  
  

  
  
  
 range="{{multiArray3}}"
  
  
  
 label="六字標(biāo)題排版"
  
  
  
 range-key="name"
  
  
  
 label-width="6em"
  
  
  
 bind:change="change"
  
  
  
 placeholder="{{['請(qǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(qū)']}}"
  
  
  
>
  
  
  

  
  
  

  
  
  
 range="{{multiArray4}}"
  
  
  
 label="配置未點(diǎn)擊時(shí)提示"
  
  
  
 range-key="name"
  
  
  
 bind:change="change"
  
  
  
 tips="{{['請(qǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(qū)']}}"
  
  
  
>
  
  
  

  
  
  

  
  
  
 range="{{multiArray5}}"
  
  
  
 label="回填"
  
  
  
 value="{{[1, 2, 1]}}"
  
  
  
 range-key="name"
  
  
  
 bind:change="change"
  
  
  
 placeholder="{{['請(qǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(qū)']}}"
  
  
  
>
  
  
  

  
  
  

  
  
  
 range="{{multiArray6}}"
  
  
  
 label="禁用型"
  
  
  
 range-key="name"
  
  
  
 disabled
  
  
  
 bind:change="change"
  
  
  
 placeholder="{{['請(qǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(qū)']}}"
  
  
  
>
  
  
  

  
  
  

  
  
  
 range="{{multiArray7}}"
  
  
  
 label="externalClasses"
  
  
  
 cascade-picker="cascade-picker"
  
  
  
 cascade-label="cascade-label"
  
  
  
 cascade-content="cascade-content"
  
  
  
 cascade-picker-content="cascade-picker-content"
  
  
  
 range-key="name"
  
  
  
 bind:change="change"
  
  
  
 placeholder="{{['請(qǐng)選擇省', '請(qǐng)選擇市', '請(qǐng)選擇區(qū)']}}"
  
  
  
>