Vue —— 父组件接收子组件的值

贝塔贝卡贝

于 2021-12-05 01:26:42 发布

阅读量708

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/Kiruthika/article/details/121724821

父组件A：

<div>
  <Component
    :is="sheet_flow"
    :curflow="curflow"
    :identity="identity"
    :externals="externals"
    @flowEvent="flowEvent($event)"
  />
</div>

export default {
	methods: {
	    flowEvent(name) {
	      this.curflow = name;
	      this.sheet_flow = SHOW[name];
	    }
    }
}

子组件B:

<v-btn v-if="!exist" text color="#399CFF" @click="doBind">
    <v-icon color="#399CFF">mdi-link-variant</v-icon> 绑定
</v-btn>

export default {
	methods: {
	    doBind() {
		 	this.$emit("flowEvent", "Binding");
		}
    }
}