vue 获取后端数据打印结果undefined问题

今天做项目时后端有一个要展示到页面上的附件需要前端获取，我获取到了那个附件的信息，但打印fj.name或fj.url时控制台就会显示undefined，后来才发现是json数据没有解析对，应该使用JSON.parse来从字符串里解析出json对象：this.init.fj = JSON.parse(response.data.map.init.fj)然后在页面渲染的时候用v-for...

weixin_30764771

8422人浏览 · 2018-09-03 18:04:00

weixin_30764771 · 2018-09-03 18:04:00 发布

今天做项目时后端有一个要展示到页面上的附件需要前端获取，我获取到了那个附件的信息，但打印fj.name或fj.url时控制台就会显示undefined，后来才发现是json数据没有解析对，应该使用JSON.parse来从字符串里解析出json对象：

this.init.fj = JSON.parse(response.data.map.init.fj)

然后在页面渲染的时候用v-for循环遍历：

1 <el-form-item label="附件：">
2     <a :href="item.url" v-for="item in init.fj" class="fj"><i class="el-icon-document"></i>{{item.name}}<br/></a>
3 </el-form-item>

转载于:https://www.cnblogs.com/knuzy/p/9579925.html

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