码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • element ui 的tree单选,控制setCheckedNodes传入data即可


    关键代码

    1. handleCheckChange(data, checked, indeterminate) {
    2. console.log(data, checked, indeterminate)
    3. if(checked){
    4. this.$refs.tree.setCheckedNodes([data]);
    5. }
    6. },

    完整代码

    1. <template>
    2. <div>
    3. <el-tree
    4. :data="data"
    5. show-checkbox
    6. default-expand-all
    7. node-key="id"
    8. check-strictly
    9. ref="tree"
    10. highlight-current
    11. @check-change="handleCheckChange"
    12. :props="defaultProps">
    13. </el-tree>
    14. <el-button @click="resetChecked">清空</el-button>
    15. </div>
    16. </template>
    17. <script>
    18. export default {
    19. name: "web测试",
    20. data() {
    21. return {
    22. data: [{
    23. disabled: 1,
    24. id: 1,
    25. label: '一级 1',
    26. children: [{
    27. disabled: 1,
    28. id: 4,
    29. label: '二级 1-1',
    30. children: [{
    31. id: 9,
    32. label: '三级 1-1-1'
    33. }, {
    34. id: 10,
    35. label: '三级 1-1-2'
    36. }]
    37. }]
    38. }, {
    39. id: 2,
    40. label: '一级 2',
    41. children: [{
    42. id: 5,
    43. label: '二级 2-1'
    44. }, {
    45. id: 6,
    46. label: '二级 2-2'
    47. }]
    48. }, {
    49. id: 3,
    50. label: '一级 3',
    51. children: [{
    52. id: 7,
    53. label: '二级 3-1'
    54. }, {
    55. id: 8,
    56. label: '二级 3-2'
    57. }]
    58. }],
    59. defaultProps: {
    60. children: 'children',
    61. label: 'label'
    62. }
    63. }
    64. },
    65. methods: {
    66. resetChecked() {
    67. this.$refs.tree.setCheckedKeys([]);
    68. },
    69. handleCheckChange(data, checked, indeterminate) {
    70. console.log(data, checked, indeterminate)
    71. if (checked) {
    72. this.$refs.tree.setCheckedNodes([data]);
    73. }
    74. },
    75. }
    76. }
    77. </script>

  • 相关阅读:
    【机械仿真】基于matlab打桩机运动学仿真【含Matlab源码 2101期】
    docker基础命令操作---镜像操作
    A股风格因子看板 (2023.09 第08期)
    相机突然断电,保存的DAT视频文件如何打开
    Linux字符驱动开发
    眺望数据应用新态势|第八届腾讯云Techo TVP开发者峰会圆满落幕
    深入理解java虚拟机:虚拟机字节码执行引擎(3)
    【全国数据】中国乡镇级矢量面状数据(shp)
    利用Python提取将Excel/PDF文件数据
    指针笔试题讲解-----让指针简单易懂(2)
  • 原文地址:https://blog.csdn.net/m0_74608954/article/details/133962530
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号