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

时间:2023-11-09 23:31:56

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

this.init.fj = JSON.parse(response.data.map.init.fj)
然后在页面渲染的时候用v-for循环遍历:
 <el-form-item label="附件:">
<a :href="item.url" v-for="item in init.fj" class="fj"><i class="el-icon-document"></i>{{item.name}}<br/></a>
</el-form-item>