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

如图:
image.png

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

有大神会不?

阅读 3.9k
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
我这个中间一级就可以选择 , 任意层级都可以选择

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题