比如修改父页面的currentIndex值
老版本:
子:
//methods中方法使用
changeIndex(index){
if (this.currentIndex === index) return //当前值点击不改变
this.$emit('changeIndex', index)
}
父:调用组件上使用代码如下:
@changeIndex=“changeIndex”
//@changeIndex属于子,"changeIndex"属于父
<tab-bar :tabBar="tabBar" :currentIndex="currentIndex" @changeIndex="changeIndex" />
//methods中方法使用
changeIndex(index){
this.currentIndex = index;
}
新版本:
子:
//methods中方法使用
changeIndex(index){
if (this.currentIndex === index) return //当前值点击不改变
this.$emit('update:changeCurrentIndex', index);
}
父:调用组件上使用代码如下:
<tab-bar :tabBar="tabBar" :currentIndex="currentIndex" :changeCurrentIndex.sync="currentIndex" />