VUE专题 渲染问题,方法在页面渲染前执行,导致不能在页面中实现效果 + Tabs标签监听
我的环境是需要在监听方法中加入如下方法,如有需要加入到其他环境中//监听某个值发生变化 改变后调用对用子页面的方法,且方法放到渲染之后执行 $nextTickthis.$nextTick(()=>{放入要放在对应页面渲染后执行的方法})强行刷新方法This.$forceUpdate()// 渲染视图this.$forceUpdate()同步方式this.$nextTick(async ()=
·
我的环境是需要在监听方法中加入如下方法,如有需要加入到其他环境中
//监听某个值发生变化 改变后调用对用子页面的方法,且方法放到渲染之后执行 $nextTick
this.$nextTick(()=>{
放入要放在对应页面渲染后执行的方法
})
强行刷新方法
This.$forceUpdate()
// 渲染视图
this.$forceUpdate()
同步方式
this.$nextTick(async ()=>{
放入要放在对应页面渲染后执行的方法
})
Tab中子页签的写法
<Tabs v-model="activeName" >
<TabPane label="详情" name="menuTree">
<info ></info>(子页面组件)
</TabPane>
<TabPane label="预览" name="menuTree2">
<preview></preview>
</TabPane>
<TabPane label="意见" name="menuTree3">
<opinion ></opinion>
</TabPane>
</Tabs>
监听子页面切换
Watch:{
'activeName':function(newVal){
if(newVal == 'menuTree2'){
执行对应的方法
}
}
}
更多推荐
已为社区贡献3条内容
所有评论(0)