我有一个简单的 Vue 实例,希望在没有 HTTP 请求的情况下将 json 从后端传递到 vue,因为它总是相同的。
我尝试过用 props 做到这一点,但它不起作用......
在 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>
where $prices
json 编码数组。
您的解决方案已接近完成,但您不需要 prop,而是使用数据属性并通过方法分配 JSON:
new Vue({
el: '#app',
data: {
json: {},
},
methods: {
setJson (payload) {
this.json = payload
},
}
})
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app" :json="setJson({ foo: 'bar' })">
<pre>{{ json }}</pre>
</div>
您只需将 Laravel 数据分配给 setJson 方法有效负载,即
:json="setJson({{ $prices }})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)