vue elementui组件传值问题

  • 父组件

插入组件

    <tree-select
      :treeOpen="treeOpen"
      :treeType="treeType"
      :paperId="paperId"
      @close-tree="closeTree"
    />

引入组件

import treeSelect from "./treeSelect.vue";

接收子组件参数方法

    closeTree(val) {
      this.treeOpen = val;
    },
  • 子组件
<template>

</template>

接收父组件传递的参数

export default {
    name: "BreadcrumbSub",
    props: {
        treeOpen: {
            type: Boolean,
            default: false,
        },
        treeType: {
            type: Number,
            default: 0,
        },
        paperId: {
            type: Number,
            default: 0,
        },
    },
    data() {
        return {
        }
    },
    watech: {},
    created() {},
    methods() {}
}

传递参数给父组件

    close() {
      this.$emit("close-tree", false);
    },

 监听父组件值的改变

  watch: {
    treeType: function (newVal, oldVal) {
    },
  },

 

posted @ 2022-03-28 13:39  jqynr  阅读(370)  评论(0)    收藏  举报