vue 获取后端数据打印结果undefined问题
2023-09-27 14:26:02 时间
今天做项目时后端有一个要展示到页面上的附件需要前端获取,我获取到了那个附件的信息,但打印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>
相关文章
- 解析Vue数据/数组对象改变视图不更新
- 【Vue 快速入门系列】表单数据收集及过滤管道符的使用
- Vue 中通过事件总线方式组件间传递数据及调用 Vue脚手架中的axios数据调用方式获取github提供的用户接口数据信息
- vue中diff算法处理新旧节点的流程
- 精品微信小程序二手交易小程序+后台管理系统|前后分离VUE
- 全网超详细的vue双向数据绑定的原理
- vue模拟列表数据
- springboot vue前后端数据交互的形式
- 基于 Vue.js 的移动端组件库mint-ui实现无限滚动加载更多
- vue里的数据
- Vue 使用History记录上一页面的数据
- vue系列:使用URLSearchParams处理axios的请求数据
- vue 中包含哪些属性 和 data实例 在component 中和在Vue中
- vue 项目级别工程搭建-vuex的status,vue选中数据(七)
- 关于vue-clidown到本地后,拷贝文件库到另外一台电脑上npm run dev编译报错的处理
- 从 vue.js 源码角度再看数据绑定
- 前端(React、Vue)多环境配置
- Vue 数据响应式原理
- vue---父调子 $refs (把父组件的数据传给子组件)子调父 $emit (把子组件的数据传给父组件)
- vue——页面刷新数据丢失问题