zoukankan      html  css  js  c++  java
  • iview中tree的事件运用

    iview中的事件和方法如下:

    案例说明:

    html代码

      <Tree :data="data4" @on-check-change="choiceAll" ref="tree4" show-checkbox multiple></Tree>
    -------------------------------------------------------------------------------------------
    data(){
      data4: [
      {
        title: 'parent 1-1',
        expand: true,
        children: [
          {
            title: 'leaf 1-1-1',
          },
          {
            title: 'leaf 1-1-2'
          }
        ]
      },
      {
        title: 'parent 1-2',
        expand: true,
        children: [
      {
        title: 'leaf 1-2-1',
        checked: true
      },
      {
        title: 'leaf 1-2-1'
       }
      ]
      }
    ]
    },
    methods:{
      choiceAll:function(data){
        console.log(data);  //当复选框选中时则会打印出选中的内容
        let choicesAll=this.$refs.tree4.getCheckedNodes; //方法的运用 getSelectedNodes也是如此用法
        console.log(choicesAll); 
      }
    }
    总结:
    on-select-change,on-check-change,on-toggle-expand  运用方法是类同而tree方法的运用则需要先添加一个ref  
  • 相关阅读:
    SQLHelper访问类
    visual studio 2017安装教程以及各类问题解决方案
    EasyUI表格删除多个表的多条数据
    配置Java环境JDK与jre
    javascript动态结算购物车
    Linux 命令--vi/vim/yum
    Linux 命令--磁盘管理
    Linux 命令--用户和用户组管理
    Linux 命令--文件与目录管理
    Linux 目录结构说明
  • 原文地址:https://www.cnblogs.com/ericLJ/p/9046441.html
Copyright © 2011-2022 走看看