代码拉取完成,页面将自动刷新
同步操作将从 smallwei/avue-doc 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
:::tip 1.0.0+ :::: 常用的表单和表格选项卡,可以与form他组件组合使用
:::demo 使用方法和常规用法一样option
配置结构体,同时包含了一个change
回调事件
<avue-tabs :option="option" @change="handleChange"></avue-tabs>
<span v-if="type.prop==='tab1'">选项卡内容1</span>
<span v-else-if="type.prop==='tab2'">选项卡内容2</span>
<span v-else-if="type.prop==='tab3'">选项卡内容3</span>
<script>
export default {
data(){
return {
type:{},
option:{
column: [{
icon:'el-icon-info',
label: '选项卡1',
prop: 'tab1',
}, {
icon:'el-icon-warning',
label: '选项卡2',
prop: 'tab2',
}, {
icon:'el-icon-question',
label: '选项卡3',
prop: 'tab3',
}]
}
}
},
created(){
this.type = this.option.column[0];
},
methods:{
handleChange(column) {
this.type = column
this.$message.success(JSON.stringify(column))
}
}
}
</script>
:::
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。