laravel-admin 与 vue 结合使用实例代码详解

2020-06-13 10:39:17易采站长站整理

<img :src="imageObj.src" alt="" style="width:40px;height:40px">
<label>Move to product: <input type="text" v-model="imageObj.productId"></label>
<label>Delete:<input type="checkbox" v-model="imageObj.deleted"></label>
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" @click="close">Close</button>
<button type="button" class="btn btn-primary" @click="save">Save changes</button>
</div>
</div>
</div>
</div>`,
})

这是一个弹出式编辑框,具体作用就不解释了,只是个示例。

然后还需要在

Admin/bootstrap.php 
中引用这个 js 文件:

Admin::js('/vendor/components/gallery-editor.js');
为什么不把组件代码直接写进 view 中呢?

因为 pjax 的后端逻辑似乎有 bug,template 的内容无法全部渲染到前端,导致页面出错。

总结

以上所述是小编给大家介绍的laravel-admin 与 vue 结合使用实例代码详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!