VUE专题 渲染问题,方法在页面渲染前执行,导致不能在页面中实现效果 + Tabs标签监听

我的环境是需要在监听方法中加入如下方法,如有需要加入到其他环境中

//监听某个值发生变化 改变后调用对用子页面的方法,且方法放到渲染之后执行 $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'){
	执行对应的方法
	}
	
   }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值