时间戳

首页 > 解决方案 > 如何让 VueJs 组件在运行时结合 json 数据和模板

json - 如何让 VueJs 组件在运行时结合 json 数据和模板

问题描述

模板是“”，我试图在 Vue-Tabs UI 中将三个不同的 JSON 文件与三个不同的组件结合起来 这是回购：https ://github.com/georgehowell/ColonialState_homepage-slider_v2

这是我为每个组件得到的错误：在此处输入图像描述

标签： jsonvue.js

解决方案

<Slider.vue>
需要在脚本中添加一个 'Array' 道具
export default { name: 'Slider',
props: { ` listing: Array } }

每个父组件（使用“滑块”）需要如下所示：

<模板>
  <滑块 v-if="listing!=''" :listing="listing" />

推荐阅读