vue中父组件监听子组件挂载完成的方案
1、使用on和emit子组件emit触发一个事件,父组件on监听相应事件。// Parent.vue<Child @mounted="doSomething"/>// Child.vuemounted() {this.$emit("mounted");}2、hook钩子函数使用vue hook生命周期钩子函数。//Parent.vue<Child @hook:mounted="d
·
1、使用on和emit
子组件emit触发一个事件,父组件on监听相应事件。
// Parent.vue
<Child @mounted="doSomething"/>
// Child.vue
mounted() {
this.$emit("mounted");
}
2、hook钩子函数
使用vue hook生命周期钩子函数。
// Parent.vue
<Child @hook:mounted="doSomething" ></Child>
doSomething() {
console.log('父组件监听到 mounted 钩子函数 ...');
},
// Child.vue
mounted(){
console.log('子组件触发 mounted 钩子函数 ...');
},
// 以上输出顺序为:
// 子组件触发 mounted 钩子函数 ...
// 父组件监听到 mounted 钩子函数 ...
3.如果子组件不是异步加载,则父组件挂载总比子组件晚
更多推荐
所有评论(0)