vue 修改变量值无法渲染到页面

为什么80%的码农都做不了架构师？>>>...

D_SJ

3373人浏览 · 2019-04-23 18:08:00

D_SJ · 2019-04-23 18:08:00 发布

开发中碰到这么个问题，修改对象中的属性无法渲染页面。直接操作ccc变量就是没问题的。直接贴我的代码

data() {
  return {
    aaa: {
      bbb: false
    },
    ccc: false
  }
}

解决方法一：

注意，第二个参数是字符串类型，切记。

this.$set(this.aaa, 'bbb', '111')

解决方法二：

this.aaa.bbb = '111'
this.$forceUpdate()

转载于:https://my.oschina.net/uwith/blog/3041416

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^