vue后端获取的数据无法进行双向数据绑定

最近有个商品上架/下架的需求,用的是element-UI的一个<switech>组件,该组件类似于一个左右滑动的开关,绑定了一个默认的check属性

在页面加载的时候获取了一整个list数组对象,然后进行v-for进行渲染,后端是依据status属性进行对于商品是否上架的状态判定的,我就将获取的list循环后进行status的判定,然后给每个对象加一个check属性

但是发现,当绑定到<switch>组件上checked='item.checked'的时候,点击无法改变属性

问题就在于:不在data声明的属性(即使是从后端获取过来赋值到data)无法进行双向数据绑定

解决办法就是:在点击这个<switch>的时候进行一个请求发送,后端改变该状态,之后重新进行数据请求,就完成了视觉上的点击之后数据就改变的效果

原文地址:https://www.cnblogs.com/hurenjie/p/12014954.html