@node-click的用途

bst@微胖子

已于 2023-04-24 15:14:36 修改

阅读量1w

点赞数 5

分类专栏： JS + Vue 文章标签： node.js

于 2020-08-31 14:43:29 首次发布

本文链接：https://blog.csdn.net/zouyang920/article/details/108320977

版权

JS + Vue 专栏收录该内容

53 篇文章 1 订阅

订阅专栏

@node-click是tree_view树形菜单的一个点击事件
在这里插入图片描述
一、@node-click的用法：

<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>

<script>
  export default {
    data() {
      return {
        //这里可以直接定义data：[];上面点击后从后台拿值后会给这里赋值，达到自定义组织树
        data: [{
          label: '一级 1',
          children: [{
            label: '二级 1-1',
            children: [{
              label: '三级 1-1-1'
            }]
          }]
        }, {
          label: '一级 2',
          children: [{
            label: '二级 2-1',
            children: [{
              label: '三级 2-1-1'
            }]
          }, {
            label: '二级 2-2',
            children: [{
              label: '三级 2-2-1'
            }]
          }]
        }, {
          label: '一级 3',
          children: [{
            label: '二级 3-1',
            children: [{
              label: '三级 3-1-1'
            }]
          }, {
            label: '二级 3-2',
            children: [{
              label: '三级 3-2-1'
            }]
          }]
        }],
        defaultProps: {
          children: 'children',
          label: 'label'
        }
      };
    },
    methods: {
      handleNodeClick(data) {
        //这里可以使用ajax请求后台，获取组织树的数据，转成json数组格式返回,result为返回的值
        //this.data=result.data;
        console.log(data);
      }
    }
  };
</script>