级联选择器 (Cascader)

对应 el-cascader。

配置类型

• cascader
• cascaderPicker

演示 (Demo)

基础级联 (单选)

• 浙江
• 江苏

Value: []

任意级可选 (CheckStrictly)

• 浙江
• 江苏

Value: []

<el-row :gutter="20" style="margin-top:20px">
  <el-col :span="12">
    <h4>多选 (Multiple)</h4>
    <DynaForm v-model="val3" :config="config3" :options="options"/>
    <div class="demo-value">Value: []</div>
  </el-col>
  <el-col :span="12">
    <h4>多选 + 折叠</h4>
    <DynaForm v-model="val4" :config="config4" :options="options"/>
    <div class="demo-value">Value: []</div>
  </el-col>
</el-row>

示例代码

<!-- 1. 基础单选 -->
<DynaForm
  v-model="val"
  :config="{ type: 'CASCADPKR', label: '地区' }"
  :options="options"
/>

<!-- 2. 任意级可选 -->
<DynaForm
  v-model="val"
  :config="{ type: 'CASCADPKR', label: '任意级', checkStrictly: true }"
  :options="options"
/>

<!-- 3. 多选 -->
<DynaForm
  v-model="val"
  :config="{ type: 'CASCADPKR', label: '多选', multiple: true }"
  :options="options"
/>

属性列表 (config)

属性名	类型	说明
multiple	Boolean	是否开启多选
checkStrictly	Boolean	是否任意一级可选
showAllLevels	Boolean	是否显示完整路径
collapseTags	Boolean	多选时是否折叠标签
valueField	String	自定义值字段名
labelField	String	自定义标签字段名
childrenField	String	自定义子级字段名