v-for 不渲染,失效,无报错

有段时间没写vue了,v-for有点生疏,今天写的时候,半天渲染不出来,也没有报错,把官网上的例子拿过来也不渲染,然后全部删了,一点点加,发现是data里自己写的第一个想使用的数组,里面的中文没有加引号,导致data里的数据全部失效了,关键是这也不报错,就比较难以排查出来
错误代码如下,tags后面的data数据也失效了,导致我常用的局部排查debug方法失效了

data () {
    return {
    tags: [
      首页,
      部门简介,
      工作职责
    ],
    items: [
      { message: ‘Foo‘ },
      { message: ‘Bar‘ }
    ]
  }
}

给中文字符串加上引号就好了

tags: [
      ‘首页‘,
      ‘部门简介‘,
      ‘工作职责‘
    ],

遇到同样问题的小伙伴可以参考一下

v-for 不渲染,失效,无报错

上一篇:水仙花数


下一篇:localStorage与sessionStorage的区别