uni-app 第二次进入页面时子组件的mounted不执行
当页面A引入了子组件后,子组件需要运行一些方法,但是mounted只能在初次渲染时执行,第二次进入页面就不执行了。方法:通过父组件的onShow调用子组件里的方法,实现更新子组件的值代码(父组件):<drag-button :isDock="true" :customBar="true" ref="dragButton"></drag-button>onShow() {th
·
当页面A引入了子组件后,子组件需要运行一些方法,但是mounted只能在初次渲染时执行,第二次进入页面就不执行了。
方法:通过父组件的onShow
调用子组件里的方法,实现更新子组件的值
代码(父组件):
<drag-button :isDock="true" :customBar="true" ref="dragButton"></drag-button>
onShow() {
this.$refs.dragButton.init();
},
代码(子组件):
data() {
return {
top: 0,
}
},
methods: {
init() {
this.top = 100;
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)