elementUi tree 实现点击复选框后文字,复选框选中,再次点击取消选中_el-tree 选中文字也能选中复选框 或取消复选框_coderhuihui的博客-程序员秘密

技术标签: vue  

           <el-tree
                    ref="writTree"
                    :data="waitSelectWritList"
                    show-checkbox
                    node-key="id"
                    :highlight-current="true"
                    default-expand-all
                    @node-click="handleNodeClick"
                    @check-change="handleCheckChange"
                    :props="{children: 'children',label: 'writName'}">
            </el-tree>

 


//writSelection为被选中数组
handleNodeClick(data){
     const index = this.writSelection.findIndex(d => d.id === data.id);
      if(index>-1){
            this.$refs.writTree.setChecked(data,false)
      }else{
            this.$refs.writTree.setChecked(data,true)
            }
     },
handleCheckChange(data, checked, indeterminate){
      if(checked){
         this.writSelection.push(data);
       }else{
             const index = this.writSelection.findIndex(d => d.id === data.id);
              this.writSelection.splice(index, 1);
        }
            console.log("操作后",this.writSelection)
},

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_40580023/article/details/107577883

智能推荐

获得位图的信息_cimage本别获取位图的信息头和数据区_「已注销」的博客-程序员秘密

GetObject(...............)#include #include "resource.h"#include #pragma comment(lib,"msimg32.lib")// 窗口处理函数HINSTANCE g_hInstance = 0;LRESULT CALLBACK WndProc(HWND hwnd, UINT uMsg, W

C# SpinLock用法。_the_sunny_girl的博客-程序员秘密

class Program { static void Main(string[] args) { var count = 0; var taskList = new Task[10]; Stopwatch sp = new Stopwatch(); ...

MFC双缓冲解决图象闪烁_解决mfc双缓冲动画闪烁_tiaotiaoyly的博客-程序员秘密

转载网上找到的一篇双缓冲的文章,很好用。_______________________________________________________________________显示图形如何避免闪烁,如何提高显示效率是问得比较多的问题。而且多数人认为MFC的绘图函数效率很低,总是想寻求其它的解决方案。MFC的绘图效率的确不高但也不差,而且它的绘图函数使用非常简单,只要使用方法得当,再加上一

HTML表单(HTML Form)中get 和post 的区别_程江玉的博客-程序员秘密

当用户在 HTML 表单 (HTML Form) 中输入信息并提交之后,有两种方法将信息从浏览器传送到 Web 服务器 (Web Server)。一种方法是通过 URL,另外一种是在 HTTP Request 的 body 中。前一种方法,我们使用 HTML Form 中的 method = &quot;get&quot;,后一种方法我们使用 HTML Form 中的 method =&quot;post&quot;。例...

【学习笔记15】java面向对象-匿名内部类_faded_的博客-程序员秘密

匿名内部类:没有类名的类就称作为匿名内部类。匿名内部类的好处:简化书写。匿名内部类的使用前提:必须存在继承或者实现关系才能使用。匿名内部类一般是用于实参。匿名内部类 :匿名内部类只是没有类名,其他的一概成员都是具备的。

LoadScene场景异步加载_weixin_30314793的博客-程序员秘密

LoadScene场景异步加载using UnityEngine;using System.Collections;using UnityEngine.SceneManagement;using UnityEngine.UI;public class LoadScene: MonoBehaviour{ public Slider Slider;//定义滑动条...

随便推点

时序列数据库武斗大会之什么是 TSDB ?_weixin_34061042的博客-程序员秘密

本文选自 OneAPM Cloud Insight 高级工程师刘斌博客 。刘斌,一个才思敏捷的程序员,《第一本 Docker 书》、《GitHub 入门与实践》等书籍译者,Docker入门与实践课程主讲人。时间序列数据库,Cloud Insight 实现对性能指标进行聚合、分组、过滤所采取的解决方案。由于工作上的关系,最近看了一些关于时序列数据...

Python可视化matplotlib多子图可视化(Multiple Subplots):plt.axes()、plt.subplot()、plt.subplots()、_python plt.axes()_Data+Science+Insight的博客-程序员秘密

Python可视化matplotlib多子图可视化(Multiple Subplots)目录Python可视化matplotlib多子图可视化(Multiple Subplots)手动绘制子图plt.subplot实现简单子图plt.subplots一次性实现所有网格plt.GridSpec更加复杂布局的子图有时并排比较数据的不同视图是有帮助的。为此,Matplotlib提出了子图的概念。#import matplotlib.pyplot as pltimpo

Jackson框架,实现Java对象/Json/XML相互转换_CharliChen的博客-程序员秘密

Jackson 框架,轻易转换JSONJackson可以轻松的将Java对象转换成json对象和xml文档,同样也可以将json、xml转换成Java对象。前面有介绍过json-lib这个框架,在线博文:http://www.cnblogs.com/hoojo/archive/2011/04/21/2023805.html相比json-lib框架,Jackson所依赖的jar包较少

自然语言处理(NLP)相关资料汇总_知乎 自然语言处理_LeeTioN的博客-程序员秘密

自然语言处理怎么最快入门? - 刘知远的回答 - 知乎 https://www.zhihu.com/question/19895141/answer/24710071 刘老师主要是从ACL等著名NLP相关会议的角度来介绍如何跟进NLP领域的研究...

RxJava中线程调度用法,指定在主/子线程中执行_rxjava 子线程_MagicGGGGGGGGGGG的博客-程序员秘密

终于到了这个时刻,Android中的定律,主线程不做耗时操作,子线程不更新ui。这次也是根据给初学者的RxJava2.0教程(二)进入下面的学习。直接上代码 private TextView mTextView; public RxJavaThread(TextView textView) { mTextView = textView; } ...

推荐文章

热门文章

相关标签