vue中遍历呈现数据

1、应用场景进行网络请求后，前端经常可以得到一个json数组，里面包含多条数据，显然一条一条呈现已经不能满足需求，需要遍历呈现2、vue中通过v-for实现遍历数据用v-for指令基于一个数组来渲染一个列表v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名下图代码渲染结果如下图所示...

只如初见0706

2588人浏览 · 2019-11-18 17:41:55

只如初见0706 · 2019-11-18 17:41:55 发布

1、应用场景

进行网络请求后，前端经常可以得到一个json数组，里面包含多条数据，显然一条一条呈现已经不能满足需求，需要遍历呈现

2、vue中通过v-for实现遍历数据

用 v-for 指令基于一个数组来渲染一个列表
v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名

下图代码渲染结果如下图所示

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