我有一个数组变量$screenshots
我试图传递到我的 Laravel 视图。通常,我会使用@foreach
并循环遍历数组,但我想通过将其定义为 prop 将完整数组传递给 Vue 组件。我想这样做,以便我可以循环组件中的数组。我正在得到htmlentities() expects parameter 1 to be string, array given
error.
使用 VueJS 和 Laravel 执行此操作的正确方法是什么?
这是我的刀片模板:
@section('content')
<ticket-edit id="edit-ticket" single-ticket="{{ $ticket }}" screenshots="{{ $files }}">
</ticket-edit>
@endsection
这是我的自定义组件(不同的文件):
<script>
export default {
template: '#edit-ticket-template',
props: ['SingleTicket', 'screenshots'],
data: function() {
return {
ticket: [],
screenshots: []
};
},
methods: {
getTicket() {
return this.ticket = JSON.parse(this.SingleTicket);
},
getScreenshots() {
return this.screenshots = JSON.parse(this.files);
},
createNotes: function () {
var ticketNotes = $('.summernote');
ticketNotes.summernote({
height: 260,
toolbar: [
['style', ['bold', 'italic', 'underline', 'clear', 'strikethrough']],
['fontsize', ['fontsize']],
['para', ['ul', 'ol']],
]
});
}
},
created: function() {
this.getTicket();
this.getScreenshots();
},
ready: function() {
this.createNotes();
}
}
</script>
EDIT:当我添加附件时,我使用json_encode
对附件的路径进行编码。然后当我检索它们时,我跑json_decode
在我的模型中就像这样$files = json_decode($ticket->screenshots);
所以我的控制器看起来像这样:
public function edit($sub_domain, $id)
{
$ticket = Ticket::find($id);
$files = json_decode($ticket->screenshots);
return view('templates.tickets-single', compact('ticket', 'files'));
}