vue将字段绑定为响应式和不为响应式的情况

背景:在项目中,因为自己直接将列表的对象中的字段在vue中赋值了,并且未使用$set方法,导致赋值的字段没有响应式,在页面点击输入,没有数据的变化。

 字段具有响应式的几种方法:

1:前端请求的后端接口返回的数组对象中,返回的字段存在的话,前端会将这个对象中的字段设置为响应式的,存在get和set方法。
2.若该对象的字段一开始不存在,用户在页面上的输入框输入值时,vue会将这个对象中的字段设置为响应式的,存在get和set方法。
3.一开始便在data函数的对象中定义字段
4.使用this.$set方法

响应式丢失:该对象中不存在该字段时,前端直接对对象中的字段赋值时,会造成该字段不存在响应式

posted @ 2024-11-11 10:45  呼呼大睡猪小弟  阅读(4)  评论(0编辑  收藏  举报