在vant组件中使用switch，根据后台返回的值，渲染switch状态

最新推荐文章于 2024-04-30 10:38:05 发布

名字还我

最新推荐文章于 2024-04-30 10:38:05 发布

阅读量3.1k

点赞数

分类专栏：工作日志文章标签： javascript ajax html5

本文链接：https://blog.csdn.net/qq_54896898/article/details/120289195

版权

工作日志专栏收录该内容

34 篇文章 2 订阅

订阅专栏

在vant组件中使用switch，根据后台返回的值，渲染switch状态

文档api
active-value| 打开时对应的值 |any|true
inactive-value| 关闭时对应的值 |any|false
我这里后台返回的是0，1，代码如下

<van-switch v-model="ban" :active-value="1" :inactive-value="0" size="22px" />
 data() {
    return {
      ban: '',
    }
  },//data中声明
  methods: {
    list() {
      this.$ajax('?s=App.Index.UserInfo', {}, function (res) {
        console.log(res.data, '我的数据');
        if (res.code == 200) {
          this.ban = res.data.binance_flag;
        }
      });
      }
    },//赋值