美文网首页前端开发那些事儿
vue 对集合中的对象赋值,页面不变化

vue 对集合中的对象赋值,页面不变化

作者: cain07 | 来源:发表于2021-06-18 13:59 被阅读0次

1.写法尝试

item:{} 创建一个心得对象

this.item = Object.assign({}, info)
  1. 克隆一个新的对象
this.pointItem = cloneDeep(infoMarker)

对集合中的对象遍历后,呈现在页面,点击包含某个对象渲染出的页面元素时,修改当前点击元素所对应的这个对象中的属性值,发现页面上对应字段并未改变,可用以下方法处理:

this.$set(this.couponArr,indexs,item);

第一个参数为对应数组,第二个为数组对应的index,第三个为修改后的对象。

这个是 更新 整个数组里面的。不是针对对象的

加上之后报错

Vue 报错TypeError: this.$set is not a function 的解决方法

报错原因:这里的this指向的不是VueModel,

解决方法1:在执行函数中定义指向Model的变量 let vm = this ,用该变量替代this
解决方法2:将。siccess改为箭头函数的写法,这样子箭头函数里的this其实是指向VueModel的,这样子用this看不会报错了

success: (data) => {
          this.$set(this.$data, 'translatedText', data.translation[0])
        }

4.最后解决 分别对对象中的 元素赋值

let sendParams = {
        orgName: params.orgName,
        provinceName: params.provinceName
      }

相关文章

  • vue 对集合中的对象赋值,页面不变化

    1.写法尝试 item:{} 创建一个心得对象 克隆一个新的对象 对集合中的对象遍历后,呈现在页面,点击包含某个对...

  • vue数组中对象属性变化页面不渲染

    也许你会碰到一个问题:vue中一个数组中一个对象的一个属性值改变了,但是对应模版视图没有做响应变化以下两种方式都可...

  • vue中的数组赋值问题

    vue中的数组赋值 上面的方式一方式二赋值是将会 报错 vue中数组赋值是个坑,无法更新页面需要遍历后赋值给当前...

  • vue数组中对象属性变化页面不渲染问题

    由于 JavaScript 的限制,Vue 不能检测以下变动的数组: 当你利用索引直接设置一个项时,例如:vm.i...

  • vue数组中对象属性变化页面不渲染问题

    做checkbox多选功能的时候遇到了一个坑,逻辑怎么看都对,但是就是有bug,最后发现数组那里值变了页面勾选没有...

  • vue对象类型赋值问题set get

    在vue中,如果你在初始data里定义一个对象,然后例如ajax后去赋值这个对象,直接用=的方法,是不生效的,那如...

  • Vue3 reactive响应式赋值问题

    来源:vue3中的reactive对象赋值问题 - SegmentFault 思否[https://segment...

  • javaScript 对象

    对象是一组无序的键值对集合 上面代码中,大括号{}定义一个对象,赋值给变量obj,obj就指向一个对象。键名key...

  • Vuex原理解析

    vue是目前最流行的前端框架之一,vuex则是一个状态管理器,负责管理vue中各个对象的状态变化并同步渲染到页面上...

  • VUE父向子传值

    父页面 点击事件 2.组件弹窗 data中定义对象 4.methods中添加方法赋值 子页面 props方法中接收...

网友评论

    本文标题:vue 对集合中的对象赋值,页面不变化

    本文链接:https://www.haomeiwen.com/subject/bobhyltx.html