今天，在写关于Vue2.0的代码中发现 $key这个值并不能渲染成功，问题如下：

这里写图片描述

结果这个对象的key值并不能够显示：

这里写图片描述

后来查阅了文档才知道，这是因为在Vue2.0中，v-for迭代语法已经发生了变化：

丢弃了:

这里写图片描述

新数组语法
value in arr
(value, index) in arr

新对象语法
value in obj (value, key) in obj
(value, key, index) in obj

解决后：

这里写图片描述

这里写图片描述

Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue