vue拿到数据渲染页面上

vue拿到数据渲染页面首先请求后台接口拿到数据使用console.log（res）打印从后台拿到数据2.将拿到的数据放入一个数组里面3.然后渲染到页面使用v-for进行遍历循环将数据一条条渲染出来ps：listData就是banner[]这样从后台拿到的数据就一条条渲染出来了当然这些肯定是要样式的在这里就不列举出来了。希望此文章能对大家有所帮助。...

✧* 坏哥哥✧*

6839人浏览 · 2021-03-12 16:03:59

✧* 坏哥哥✧* · 2021-03-12 16:03:59 发布

vue拿到数据渲染页面

首先

请求后台接口  拿到数据  使用console.log（res）打印从后台拿到数据

在这里插入图片描述
2.将拿到的数据放入一个数组里面

在这里插入图片描述
3.然后渲染到页面使用v-for进行遍历循环将数据一条条渲染出来
listData就是banner【】
ps：listData就是banner[]
这样从后台拿到的数据就一条条渲染出来了
当然这些肯定是要样式的在这里就不列举出来了。希望此文章能对大家有所帮助。

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