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

lujingjing

2019-06-27

关注关注

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

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

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

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

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

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

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

代码如下

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

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

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

然后就可以进行单选了

努力学习

vue element

lujingjing

0 关注 0 粉丝 0 动态

关注关注

Vue中使用JsonView来展示Json树的实例代码

前两天干活儿有个需求，在前端需要展示可折叠的Json树，供开发人员查看，这里采用JsonView组件来实现，它是一款用于展示Json的Vue组件，支持大体积的Json文件快速解析渲染，下面记录一下实现过程。{{item.value + (index ===

yuzhu 2020-11-16

详解Vue数据驱动原理

Vue区别于传统的JS库，例如JQuery，其中一个最大的特点就是不用手动去操作DOM，只需要对数据进行变更之后，视图也会随之更新。比如你想修改div#app里的内容:. 在代码层面上的最大区别就是，JQuery直接对DOM进行了操作，而Vue则对数据进行

85477104 2020-11-17

vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能

随着前端技术的飞速发展，大数据时代的来临，我们在开发项目时越来越多的客户会要求我们做一个数据展示的大屏，可以直观的展示用户想要的数据，同时炫酷的界面也会深受客户的喜欢。大屏展示其实就是一堆的图表能够让人一目了然地看到该系统下的一些基本数据信息的汇总，也会有

KANSYOUKYOU 2020-11-16

手把手教你搭建Vue服务端渲染项目

好了，下面开始正文。服务器返回一个包含了引入资源语句和 <div id="app"></div> 的 HTML 文件。服务器会查看当前路由组件需要哪些资源文件，然后将这些文件的内容填充到 HTML 文件。如果有

sjcheck 2020-11-03

Vue项目技巧这些你知道吗？

其实有很多人的项目可能都是直接 vue-cli 那一套，但是事实上，当项目稍微上一点规模，你需要对你的项目进行一个重新的架构。通常我们说的基础库包括-组件库、基础 css 库、基础工具库；2、层级管理。我们可以利用 cookie 或者 localstore

怪我瞎 2020-10-28

Vue源码中值得学习的方法

最近在深入研究vue源码，把学习过程中，看到的一些好玩的的函数方法收集起来做分享，希望对大家对深入学习js有所帮助。如果大家都能一眼看懂这些函数，说明技术还是不错的哦。

源码zanqunet 2020-10-28

为 Vue 的惰性加载加一个进度条

通常用 Vue.js 编写单页应用时，当加载页面时，所有必需的资源都会被一起加载。在处理大文件时，这可能会导致用户体验不佳。借助 Webpack，可以用 import() 函数而不是 import 关键字在 Vue.js 中按需加载页面。Vue.js 中

gloria0 2020-10-26

你不得不知道的Vue项目技巧

一个基础库可能会耗费一定的开发时间，但是如果项目具有一个优秀的基础库作为支持，可以让项目推进的更快速。通常我们说的基础库包括-组件库、基础 css 库、基础工具库;我们可以利用 cookie 或者 localstore 缓存一下商品详情，如果这个商品的详

王军强 2020-10-21

超优秀 Vue3.0 开源UI组件库

学习web前端 2020-09-28

聊聊技术选型 - Angular2 vs Vue2

目前没法确切的评估未来一段时间这两个框架的维护情况，但基本能确定的是，框架的生命周期不会比我们大部分业务的生命周期短。从国内的使用情况以及社区发展来看，Vue 更胜一筹。从学习曲线上看，Angular 要更陡峭，Vue 要相对平缓一些。从能够开发的应用的全

QiaoranC 2020-09-25

Vue进阶面试必问，异步更新机制和nextTick原理

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养，同时对一些阅读源码时的想法进行总结，出产一些文章

anchongnanzi 2020-09-21

vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作

Vue项目通过Hbuild打包为APP后，静态文件正常显示，但并没有像开发时那样请求到数据。因为APP并没有跨域，不存在跨域一说。在开发时这样做是没错的，但我们在打包时就不用设置这个跨域了，打包前直接将这个跨域注释掉，然后将API请求地址改为绝对地址。如果

安卓猴 2020-09-12

vue Cli 环境删除与重装教程 - 版本文档

vue-cli 3.0+版本，使用的不是vue-cli，而是@vue/cli；如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的命令。　　　　dry: false, //设置为f

Macuroon 2020-09-11

Vue axios获取token临时令牌封装案例

为什么非要写这个博客呢？因为这件事让我有一种蛋蛋的优疼。剩下的都别问，反正问我也不会说。因为流程图我都不想（懒得）画。关于token设计方案的初步设想是这样的：第一次进入的时候获取token，后端检查签名是否通过。不通过则弹框请从合法途径进入页面并且不消失

kiven 2020-09-11

Vue proxyTable配置多个接口地址,解决跨域的问题

最开始的时候，因为请求后台出现跨域问题。查找资料配置proxyTable，解决跨域问题。后面遇到需要连接不同的接口域名，我在proxyTable里增加了一个apiGas。axios请求存在获取得到api但是不能获取apiGas。查找了很多资料都没有具体的解

LittleCoder 2020-09-11

springcloud vue 分布式 flowable工作流前后分离有代码生成器

三：系统服务 -----------------------------------------------------------------------------------------------------1. 权限管理：点开二级菜单进入三级菜单

Cheetahcubs 2020-09-13

他写出了 Vue，却做不对这十道 Vue 笔试题

请原谅我起了这么个浓浓营销号味道的标题。但这可丝毫没有夸大宣传，而是前端娱乐圈今日份的瓜——。有十道关于 Vue 的选择题，在群里引出了一众社区知名人士竞折腰，最后钓出了@尤雨溪本人亲自挑战……然后他自己也做错了。鲁迅会做错鲁迅文选的阅读理解？所以，只要

小焊猪web前端 2020-09-10

快速入门Web前端开发的正确姿势

入门标准很简单，就一条：达到能参与 Web 前端实际项目的开发水平。请注意，是实际项目，这就需要了解如今的实际项目开发都用了哪些技术栈。几年前， jQuery + Bootstrap 可以说是一统江湖，是前端领域的绝对霸主。而这几年，随着 Angular

颤抖吧腿子 2020-09-04

在vue前端去除后端返回json数据中时间日期中间的T

在做项目的时候，遇到一个问题，明明在数据库中，DataTime类型的数据格式明明是正常的，怎么返回到前端后，就在日期和时间中多了一个T？没有办法，只有在前端里再给日期时间来次格式化。return year + "-" + month +

softwear 2020-08-21

Vue

<label>帐号</label> <input type="text" class="form-control" v-model="Info.username".

无缘公子 2020-08-18

安科网

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

lujingjing

lujingjing

相关推荐

Vue中使用JsonView来展示Json树的实例代码

详解Vue数据驱动原理

vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能

手把手教你搭建Vue服务端渲染项目

Vue项目技巧这些你知道吗？

Vue源码中值得学习的方法

为 Vue 的惰性加载加一个进度条

你不得不知道的Vue项目技巧

超优秀 Vue3.0 开源UI组件库

聊聊技术选型 - Angular2 vs Vue2

Vue进阶面试必问，异步更新机制和nextTick原理

vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作

vue Cli 环境删除与重装教程 - 版本文档

Vue axios获取token临时令牌封装案例

Vue proxyTable配置多个接口地址,解决跨域的问题

springcloud vue 分布式 flowable工作流前后分离有代码生成器

他写出了 Vue，却做不对这十道 Vue 笔试题

快速入门Web前端开发的正确姿势

在vue前端去除后端返回json数据中时间日期中间的T

Vue

lujingjing