<template>
<div>
<div class="tab">
<div class="redo">
<el-radio v-model="radio" label="1" @change="changeActive(0)">私有</el-radio>
<el-radio v-model="radio" label="2" @change="changeActive(1)">公共</el-radio>
<el-radio v-model="radio" label="3" @change="changeActive(2)">团队共享</el-radio>
<el-radio v-model="radio" label="4" @change="changeActive(3)">我的共享</el-radio>
</div>
</div>
<div class="box">
<div v-show="isActive === 0">私有的</div>
<div v-show="isActive === 1">公共的</div>
<div v-show="isActive === 2">私有的</div>
<div v-show="isActive === 3">公共的</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
radio: '1',
isActive: 0
};
},
methods: {
changeActive(num) {
console.log(this.isActive)
this.isActive = num
}
},
}
</script>
<style lang="scss" scoped>
</style>
element-UI 单选框得路由切换
最新推荐文章于 2023-09-02 20:47:03 发布