前端VUE，点击查看所有子目录

最新推荐文章于 2022-09-23 11:51:19 发布

呱？！

最新推荐文章于 2022-09-23 11:51:19 发布

阅读量394

点赞数

分类专栏：前端VUE 文章标签： vue 点击查询子目录

本文链接：https://blog.csdn.net/qq_39773004/article/details/113700467

版权

前端VUE 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.在body里面添加按钮

<a
                  title="字典项"
                  href="javascript:;"
                  v-funcode="'acl_sDict/dirSDict'"
                  @click="openNodeAndClick(data)"
                  > 字典项</a
                >

2.在子页面methods里面为按钮添加方法：$emit将数据传到父页面

 methods: {
    openNodeAndClick(data) { 
      this.$emit('openNodeAndClick',data);
    },
    }

3.在父页面写一个方法绑定子页面方法@openNodeAndClick

<component ref="DirSDict" :is="'DirSDict'" :params="params" @openNodeAndClick="openNodeAndClick"></component>

4.在父页面methods里面写方法

methods: {
    openNodeAndClick(data){
      this.params.parentid = data.uuid
      this.$refs.DirSDict.data.parentid = data.uuid;
      // initialIndex
      this.$refs.DirSDict.reset();
    },
  },