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

Question

如图：

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

有大神会不？

Answer 1

你用的是什么组件?

我这个中间一级就可以选择 , 任意层级都可以选择

Answer 2

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

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

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

Answer 3

使用省市区三级联动插件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