el-tabs标签页内,实现点击跳转切换

el-tabs标签页内,实现点击跳转切换_第1张图片
在父组件中试用: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标签页了。

你可能感兴趣的:(vue,html,elementui)