VueTreeselect(树状下拉多选框)不联动选择(只能选择末级节点等)
<treeselect:multiple="true"v-model="form.postIds"//多选id值可赋值可传给后台:options="postOptions"//下拉树桩多选框的数据:show-count="true"//展示下拉总数数据:flat="true"//设置平面模式(选中的标签不联动子节点和父节点):limit="5"//展示多选的标签个数:limitText="c
·
简单引入使用请移步:CSDN 组件官方文档请移步:https://www.vue-treeselect.cn/#disable-branch-nodes
<treeselect
:multiple="true"
v-model="form.postIds"//多选id值可赋值可传给后台
:options="postOptions"//下拉树桩多选框的数据
:show-count="true"//展示下拉总数数据
:flat="true"//设置平面模式(选中的标签不联动子节点和父节点)
:limit="5"//展示多选的标签个数
:limitText="count => `及其它${count}项`"//多选的超出文字展示方式
:auto-deselect-descendants="true"//取消节点时,取消其接点的子节点(仅可在平面模式下使用)
:auto-select-descendants="true"//选择节点时,取消其接点的子节点(仅可在平面模式下使用)
placeholder="请选择区域"
:disable-branch-nodes="true"//只能选择末级节点
/>
下图仅为其中一种情况,请根据需要使用上述功能
更多推荐
已为社区贡献3条内容
所有评论(0)