将数组传递到Vue JS
提问于 2020-07-14 07:44:17
我正在尝试将一个php object传递给一个Vue JS component，并使用它的键来访问组件中的值。
我用于在php object中解析vue component的语法肯定是不正确的，因为目前vue html中的对象值显示为undefined undefined。
我想知道是否有人有什么有用的建议？
PHP刀片文件
@foreach($clients as $client)
<client client='{!! json_encode($client) !!}' home-route="{{ route('clients.show', $client->id) }}"></client>
@endforeachvue组件
<template>
<li :data-clientID="client.id"><a :href="this.homeRoute">{{ client.first_name + ' ' + client.last_name }}</a>
<span class="delete_x" data-toggle="modal" data-target="#delete_modal" :data-model="client.id">x</span>
</li>
</template>
<script>
export default {
name: 'client',
props: {
client: {
type: String,
required: true
},
homeRoute: {
type: String,
required: true
}
}
}
</script>输出
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-07-14 08:08:33
您将client支柱定义为String而不是对象。尝试：
export default {
name: 'client',
props: {
client: {
type: Object,
required: true
},
homeRoute: {
type: String,
required: true
}
}
}并使用client绑定v-bind，使其不被解释为字符串
<client
:client='{!! json_encode($client) !!}'
home-route="{{ route('clients.show', $client->id) }}"
></client>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62898918
复制相关文章
腾讯云开发者
