element-ui的tabs默认选中页签
Element-UI提供了tabs组件（选项卡、多页签），其中在tabs的属性中提供了⼀个value/v-model属性来绑定默认选中的页签。
我们通过简单的⽰例来看⼀下具体是怎么使⽤的。
<template>
<el-tabs v-model="activeTab" @tab-click="tabClick">
<el-tab-pane label="我爱你" name="yanggb1">我爱你</el-tab-pane>
pane
<el-tab-pane label="我好爱你" name="yanggb2">我好爱你</el-tab-pane>
<el-tab-pane label="我超爱你" name="yanggb3">我超爱你</el-tab-pane>
<el-tab-pane label="我真的爱你" name="yanggb4">我真的爱你</el-tab-pane>
</el-tabs>
</template>
这⾥我将v-model的属性值设置为activeTab，接下来就可以在JavaScript中对这个属性值进⾏数据绑定。
export default {
data() {
return {
activeTab: 'yanggb2'
};
}
};
这样，在初始化页⾯的时候，就会默认选中第⼆个页签了。
"我不能悲伤地呆在你⾝旁。"

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。