vue + element Switch开关怎么绑定数据进行回显_前端问题_站长_知道

<el-form-item label="客户状态" prop="accountStatus">
          <el-switch
            v-model="info.accountStatus"
            active-color="#13ce66"
            inactive-color="#ff4949"
            active-value="1"
            inactive-value="2"
          />
        </el-form-item>

accountStatus integer($int32)
账户状态:1=正常、2=禁用

已解决悬赏分：80 - 解决时间 2022-01-04 17:17

点赞 0反对 0举报 0 收藏 0

回答2

最佳

@fiy6657

  active-value="1"
  inactive-value="2"

改成

  :active-value="1"
  :inactive-value="2"

支持 0 反对 0 举报

2022-01-04 08:42

@287850954
文字描述
```
active-text="正常"  inactive-text="禁用"
```
v-model="info.accountStatus"就是数据绑定，你只需要保证在你的data中有这个数据就可以了
```
data: function(){
    return {
        info: {
            accountStatus: '1' || '2'
        }
    }
}
```
支持 0 反对 0 举报

2022-01-04 09:48

vue + element Switch开关 怎么绑定数据 进行回显

回答2

vue + element Switch开关怎么绑定数据进行回显