在父组件中试用:msg.sync监听组件变化并接收值
<el-tabs :tab-position="tabPosition" v-model="paneName">
<el-tab-pane label="基本信息" name="1"><BasicInformation :msg.sync="paneName" /></el-tab-pane>
<el-tab-pane label="头像设置" name="2"><AvatarSettings /></el-tab-pane>
<el-tab-pane label="账号安全" name="3"><AccountSecurity /></el-tab-pane>
</el-tabs>
在子组件中的点击事件里,抛出事件
setting() {
this.$emit('update:msg','3');
}
如此便可实现点击切换tabs标签页了。