7***@qq.com
7***@qq.com
  • 发布:2020-08-12 15:39
  • 更新:2020-08-12 15:39
  • 阅读:1413

动态switch状态

分类:uni-app

根据后台返回的值设置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 关注 分享

要回复文章请先登录注册