根据后台返回的值设置switch开关状态。
一开始是通过class来改变开关状态的,实际运行发现并不可行。然后改为了':checked',就可以了。
以下为例子
<template>
<view>
<button @click="changeSwitch()">改变状态</button>
<switch :checked="areaPosterSwitch"></switch>
</view>
</template>
<script>
var _this;
export default {
data() {
return {
//默认开关状态为“关”
areaPosterSwitch: true, // false
}
},
mounted() {
_this = this;
},
methods: {
changeSwitch() {
_this.areaPosterSwitch = !_this.areaPosterSwitch;
},
}
}
</script>
0 个评论
要回复文章请先登录或注册