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  
  • 相关阅读:
    asp.net与javascript问题
    动态加载用户控件
    ASP.NET中实现模版的动态加载
    一个简单的购物车
    给图片加上水印效果
    用存储过程自定义分页
    上传图片及显示图片
    sql server图片的保存和读取
    Legato Single Server SertupFor RMAN
    确定裸设备上控制文件的大小
  • 原文地址:https://www.cnblogs.com/ericLJ/p/9046441.html
Copyright © 2011-2022 走看看