问答

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

作者:admin 2021-05-08 我要评论

如图: 要实现复选,但是只能复选最后分支 有大神会不? ### 最简单的办法,就是通过 css 隐藏,比如给该联动选择器,也就是 poperclass 加一个特别的类名 show-l...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

如图:
image.png

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

有大神会不?

###

最简单的办法,就是通过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
我这个中间一级就可以选择 , 任意层级都可以选择

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • element 层级在复选模式下只能选最后的

    element 层级在复选模式下只能选最后的

  • 对成员按照指定的数量进行分组和排列

    对成员按照指定的数量进行分组和排列

  • 关于spring部署后的容器的问题?

    关于spring部署后的容器的问题?

  • vue 使用echarts的图表进行联动 echart

    vue 使用echarts的图表进行联动 echart

腾讯云代理商
海外云服务器