我正在尝试学习基本的 vue 教程。最近我一定是做了一些更改，阻止了 vue.js 中的任何内容在我的页面上呈现，我似乎无法找出原因。示例:它不显示 data.product 的值，而是显示 {{ Product }}。在此先感谢您的帮助!
这是 gitlab 上元素 repo 的链接:project link
最佳答案
我敢肯定，如果您打开浏览器的 DevTools，您会看到 Uncaught ReferenceError。因为在您的 main.js 文件中，您引用了两次不存在的变量。在您的 variants-array 中，您正在为您的 variantColor 使用 Green 和 Blue 作为变量，但没有定义它们.从上下文来看，我猜您只想在页面上将这两个值显示为字符串，因此您必须通过添加单引号或双引号将字符串分配给 variantColor 变量。
在您的 main.js 中，将您的变体数组更改为:
...
variants: [
{
variantId: 2234,
variantColor: 'Green'
},
{
variantId: 2235,
variantColor: 'Blue'
}
]
...
关于html - vue.js 无数据渲染，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54955499/