vue渲染数据显示不出来

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue渲染数据显示不出来相关的知识,希望对你有一定的参考价值。

var display = new Vue(
el: "#threadlist",
data:
list: [],
forum: [],
,

);

//请求顶部banner信息
var urlf = domain + "/plugin.php?id=appjson:foruminfo&fid=" + fid;
mui.getJSON(urlf, function(rsp)
display.forum = rsp;
console.log(JSON.stringify(rsp));
);

在模板里写forum.name显示不出来的。

参考技术A 大数据(big data),指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。大数据的5V特点(IBM提出):Volume(大量)、Velocity(高速)、Variety(多样)、Value(低价值密度)、Veracity(真实性),平台有hadoop

vue中,我从后台取出数据渲染vue组件,我数据渲染出来了,但是页面有报错,是啥原因

下面还有我的json数据

data()中,你定义了itemsList:[],也就是空的数组
template中,你又使用了itemsList[0],这个时候itemsList[0]=undefined,自然就报错了
注意,是先进行页面渲染再ajax异步获取数据,也就是数据还没到就会渲染一次,数据到了再渲染一次,第一次渲染你就报错了。追问

那我该怎么解决呢

追答

data()中 设置一个没用的值,在数据到达之前显示这个值
例如,itemsList:[items:"",text:""]
或者,itemsList:[items:"加载中...",text:"加载中..."]

追问

不行啊,这样是不报错了,可是我的数据没了

追答

你的数据是怎么传进去的?代码给全点。

追问

用import引入2个json文件

然后2个json文件里的数据,都包括在一个数组 L 中,然后再遍历出这个数组的所有内容,把他放到itemsList这个定义的数组中

参考技术A 我也是这么出错的,你试试在itemslist【0】.item前面加一个itemslist.leght&& 参考技术B 你的itemsList是啥啊?数据的那个图能否截大点?追问

itemsList就是一个数组,因为我有2个json文件,所以,我把这2个json文件的内容用一个数组包起来了

追答

你换成itemsList[0][items]试试看

追问

这样写,我数据也渲染不出来了

追答

你再试下用of遍历试下

追问

不好意思,vue小白,你跟我说下,of遍历怎么遍历,可以嘛

追答

我再本地弄了一个测试,没问题的,of跟in写法一样的,你试试看

本回答被提问者采纳

以上是关于vue渲染数据显示不出来的主要内容,如果未能解决你的问题,请参考以下文章

嵌套组件页面渲染完了还请求不到数据

vue中,我从后台取出数据渲染vue组件,我数据渲染出来了,但是页面有报错,是啥原因

vue重新渲染数据,刷新显示数据

vue 数据渲染

解决vue开发时子组件数据和组件渲染的异步问题

当Vue中img的src是动态渲染时不显示问题