vue el-checkbox 回显失效 踩坑

回显el-checkbox checked 失效 

如果后端返回的数据为int类型 : 1或 0 

checked 失效。

如果后端返回数据经过object.assign()  checked 失效

<template slot-scope="scope" >
<el-checkbox v-model="scope.row.isSms" @change="v => {update(scope.row, v, 'isSms')}"></el-checkbox>
</template>

经跟后端协商解决了返回数据问题。改为true或false。

后又自己研究代码发现了解法

<template slot-scope="scope" >
<el-checkbox v-model="scope.row.isSms" v-bind="{'checked': scope.row.isSms? true : false}" @change="v => {update(scope.row, v, 'isSms')}"></el-checkbox>
</template>

猜你喜欢

转载自blog.csdn.net/qq_29091239/article/details/84592828
今日推荐