博客

vue中给对象更新属性 页面没有变化原因和解决方法

  • Post author:
  • Post category:vue




原因

html标签里面的属性绑定的值是动态添加，第一次定义加赋值，html的属性会根据赋值的添加而变化，

第二次更新赋值时候，html页面就不会渲染了，如下图：

在这里插入图片描述

在这里插入图片描述

carInfo.cardId第一次赋值html会渲染，第二次更新该值html则不会在进行渲染，对原理感兴趣的小伙伴可以百度



解决办法

1、vue定义对象的时候，就data里面的变量定义全，后面的代码再使用

2、使用this.$set

在这里插入图片描述


版权声明：本文为wxluck原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。