javascript - V-表示不输出
问题描述
我对 vue.js 很陌生。
我正在尝试输出到v-for
我页面上表格中间的 a ,尽管没有报告错误,但我的元素没有被呈现。
我知道我的数据正确显示在页面上,因为我可以使用 vue.js 开发工具对其进行检查。
谁能指出我做错了什么?如果控制台中报告了任何内容,我可以从那里工作,但什么也没有。
我的代码是:
<template v-for="item in dashboardData.items">
<tr>
<td class="position">{}{item.position}}</td>
<td>{{item.salespersonname}}</td>
<td>{{item.units_week1}}</td>
<td>{{item.weeklytargetform_week1}}</td>
<td>{{item.targetstreak}}</td>
<td>£{{item.targetsales}}</td>
<td>£{{item.actualsales}}</td>
<td>{{item.points}}</td>
<td>{{item.performancelevel}}</td>
</tr>
</template>
我的脚本是:
<script>
$.get("https://xxxxx.co.uk/reporting/dashboards/team/detailed/week", function(
data
) {
var dataItems = data.items;
var vm = new Vue({
el: "#main",
data: {
dashboardData: dataItems
}
});
});
</script>
解决方案
data.items
已分配给dataItems
,因此调用dataItems.items
有点像尝试调用data.items.items
。您可以通过多种方式解决此问题,但我建议您尽早修复以恢复运行...
$.get('https://xxxxx.co.uk/reporting/dashboards/team/detailed/week', function(data) {
var dataItems = data;
var vm = new Vue({
el: '#main',
data: {
dashboardData: dataItems
}
});
});
推荐阅读
- sql - 避免将函数应用于索引列
- angular - 找不到模块:错误:无法解析“html2canvas”
- python - Pandas - 不重叠的日期范围
- html - img 标签不尊重父母的右边距
- javascript - 为什么当 str 设置为 opt2 时 score 评估分数 +1
- c# - Newtonsoft Json 数组反序列化或者这只是一个列表
- r - 使用 lpSolve 在整数规划中实现附加约束变量
- python - 在参数中添加变量时出现语法错误
- sql - LEFT JOIN 两个具有多个 AND 条件的表
- sql - 将 Scala SQL 输出保存为 DataFrame