Vue实现el-switch页面初始设置问题
el-switch页面初始值问题先附上效果图,在网页刚开始打开的时候实现的效果,发现在页面打开的时候,el-switch是有初始值的,官方代码如下:<el-switchv-model="value"active-color="#13ce66"inactive-color="#ff4949"></el-switch><script>export default {
·
el-switch页面初始值问题
先附上效果图,在网页刚开始打开的时候实现的效果,发现在页面打开的时候,el-switch是有初始值的,官方代码如下:
<el-switch
v-model="value"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
<script>
export default {
data() {
return {
value: true
}
}
};
</script>
用v-model来绑定值,但是后台动态获取的话,直接绑定后台返回的属性值,我这里是shown,因为他返回的是0和1,所以设置:active-value="1" :inactive-value="0"
这里的active-value
和inactive-value
的值可以自定义
<el-switch
v-model="scope.row.shown"
active-text="显示"
inactive-text="隐藏"
@change="handleChange(scope.row)"
:active-value="1"
:inactive-value="0"
></el-switch>
当返回的shown值为0,则显示隐藏,1为显示。
更多推荐
已为社区贡献3条内容
所有评论(0)