解决 vue Element ui tree 不能单选的问题

codecook 发布于2019-08-22 17:04 / 3113人阅读

摘要：在项目中遇到的需要使用控件进行选择，如下图本来的思路是在的事件里进行每次点击进行清空但是在执行此操作的时候，发现事件会逐渐的循环，导致选择不上现在的思路是在每次进行点击时，如果发现数据中已有该数据，便进行删除没有数据，择进行添加，如果只有一

在项目中遇到的需要使用 tree 控件进行选择，如下图

本来的思路是在change的事件里进行每次点击进行清空

this.$refs.tree.setCheckedKeys([]);

但是在执行此操作的时候，发现change事件会逐渐的循环，导致选择不上

现在的思路是：在每次进行点击时，如果发现数据中已有该数据，便进行删除

没有数据，择进行添加，如果只有一个数据，那么就把当前的树节点进行false选择

代码如下

this.selectOrg.orgsid 是一个中间数据，进行判断，所以没有使用默认选择的那个数组

然后就可以进行单选了

努力学习

GPU云服务器云服务器 element-ui element-ui dialog组件不能忽视的问题小车不能直走问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/94829.html

一个基于vue和element-ui的树形穿梭框组件

摘要：在市面上找到一个好用的树形穿梭框组件都很难，又不想仅仅因为一个穿梭框在之外引入其他重量级插件，因此就有了。版本增加穿梭框左侧右侧数据勾选事件，穿梭框左侧右侧底部。 el-tree-transfer 简介·请先阅读文档及版本说明因为公司业务使用vue框架，ui库使用的element-ui。在市面上找到一个好用的vue树形穿梭框组件都很难，又不想仅仅因为一个穿梭框在element-ui之...

Corwien 2019-08-22 18:33 评论0 收藏0
Vue高效UI组件库—iView开发实践

摘要：它的文档也是相当详细，每个功能都配有详细说明和实例代码，直接复制就可以使用，我们也计划在明年启动英文文档翻译计划。明年会启动英文文档翻译计划，也希望喜欢和支持，同时英语不错的同学可以加入我们，一起参与翻译。前段时间在微软参加活动，分享了 TalkingData 开源的基于 Vue.js 的高效 UI 组件库 iView 的一些开发经验，现整理成文，和大家探讨。 showImg(htt...

wean 2019-08-21 14:43 评论0 收藏0
Vue + Vue-router + Element-ui 搭建一个非常简单的dashboard d

摘要：但是有边框，不好看啊再次美化使用使用图标库安装这里主要贴一下的改动，其他的代码就不贴了看下效果图标什么的都有了。另外文件需要加上看看效果点击菜单，路径跳转，并且每次都是单独去加载路由的文件。做完这个demo后，我体会到，Vue组件化，webpack, Vue-router等，并不是很难学习，你需要的只是拿起斧头的勇气在做demo的过程中，我遇到一个问题，就是vue-router懒加载...

Near_Li 2019-08-21 17:38 评论0 收藏0
element ui中的select多选回显之后不能正常编辑

摘要：由于项目需求，在项目中使用用到了中的组件的多选功能，多选之后保存回显所选内容，从后端会拿到一个数组，然后我把这个数组赋值给前端多选对应的数组，这样多选的数据可以正常显示问题是回显之后不能正常编辑，点击删除小图标也失效解决方法采用事件在事件中由于项目需求，在项目中使用用到了element中的select组件的多选功能（multiple），多选之后保存回显所选内容，从后端会拿到一个数组，...

dockerclub 2019-08-23 18:20 评论0 收藏0