laravel - 如何从 Vue Js 在刀片上显示数据?
问题描述
我为测试目的获取了一些代码,我试图修复“项目未定义”错误,但我被卡住了。
//Blade View
<v-app id="app" v-cloak><div class="card" :posts="{{$posts}}"></div></v-app>
//Vuejs template
<table striped hover :items="imageList"> <img :scr="'/storage/image/'+data.items.image"></table>
Vue Js:
<script>
export default {
// name: "ExampleComponent",
props: \['posts'\],
data() {
return {
imageList: \[\]
};
},
mounted() {
const fetch = this.fetch_image_list();
},
methods: {
fetch_image_list() {
let items = \[\];
if (Array.isArray(this.posts.data) && this.posts.length.data) {
this.posts.data.forEach((post, key) => {
let currentImage = {
id: post.id,
name: post.name,
image: post.img
};
items.push(currentImage);
});
this.imageList = items;
}
}
}
};
</script>]
解决方案
不是因为你在“打电话”:
data.items.image
而不是items[index].image
?
推荐阅读
- node.js - 如果失败X次,nodejs重试功能
- parsing - 如何找出 ANTLR 语法无法解析输入,日志文件中的特殊时间戳
- php - 修剪单词但如果找到则在 html 元素的末尾停止
- excel-formula - 是否有一个 Excel 公式可以搜索单元格以进行某些测试并在其右侧返回搜索到的字母和 11 个数字?
- excel - 复制粘贴 - 相同的工作表和流程,但适用于整个电子表格
- mysql - MySQL - 多行 1 id & 将多列数据转换为逗号分隔的行
- excel - 具有三个输出的 Excel IF 和 AND
- java - 如何用 Jackson 序列化/反序列化 DefaultMutableTreeNode?
- css-selectors - 无法在柏树中找到元素
- wpf - 如何在 WPF 中平滑地将绑定的属性值从旧值设置为新值