element 层级在复选模式下只能选最后的子分支数据要怎么做?

林小木
  • 262

如图:
image.png

要实现复选,但是只能复选最后分支

有大神会不?

评论
阅读 194
3 个回答
✓ 已被采纳

最简单的办法,就是通过css隐藏,比如给该联动选择器,也就是poperclass加一个特别的类名show-last-cascader:

   .show-last-cascader  {
       .el-cascader-menu{
         .el-checkbox {
            display:none;
         }
       }
   }

然后你需要做一次判断expand-change这个事件,去做判断,具体参考这个demo

使用省市区三级联动插件V-Distpicke可以很方便的实现。

<el-form-item label="省市区">
          <v-distpicker province="省" city="市" area="区" @selected="pcdselected"></v-distpicker>
</el-form-item>
// 省市区三级联动
    pcdselected(data) {
      this.addForm.provinceId = data.province.value
      this.addForm.cityId = data.city.value
      this.addForm.countyId = data.area.value
    },

如果只想获取最后的区域分支,就直接使用变量county接收data.area.value

你用的是什么组件?
image.png
我这个中间一级就可以选择 , 任意层级都可以选择

宣传栏