如何将Vue数据传递给laravel @include

Question

我想将Vue数据传递给Laravel include 举例来说：

 @include('sample-form', then pass vue data here)

通常看起来像这样：

 @include('sample-form', ['id' => $data]);

但是当像上面的第一条语句一样包含Vue数据时，它将在刀片上返回错误。

这是我的代码：

<button type="button" data-toggle="modal" :data-target="'#edit_' + attribute.id" class="btn btn-info btn-xs radius"><i class="fa fa-pencil"></i> Edit</button>

这就是我要完成的工作：

@include('modals.edit-modal', :data-target="'#edit_' + attribute.id")

我们应该如何准确地做到这一点？

Answer 1

在刀片模板中的Vue应用脚本之前放置

：

<script>
Vue.prototype._data = {!! json_encode(['id' => $id] !!};
</script>

现在，您可以像这样从Vue访问数据：

methods: {
    test() {
        alert(this._data.id)
    }
}