我有一个简单的 Vue 实例,并且想在没有 HTTP 请求的情况下将 json 从后端传递到 vue,因为它总是相同的。
我试过用道具来做这个,但它不起作用……在 DOM 中它看起来像 <div id="my-component" prices="[object Object]">
Vue 调试工具将图像显示为空字符串,而在控制台中 undefined
<div id="my-component" :prices="{{ $prices }}">
</div>
<script>
new Vue({
el: '#my-component',
props: ['prices'],
mounted: function() {
console.log(this.image);
},
});
</script>
其中 $prices
json 编码数组。
原文由 xAoc 发布,翻译遵循 CC BY-SA 4.0 许可协议
您的解决方案几乎就绪,但您不需要道具,而是使用数据属性并通过方法分配 JSON:
您只需将 Laravel 数据分配给 setJson 方法有效负载,即