【发布时间】：2020-10-31 15:25:14
【问题描述】：
我正在使用 Laravel 6 和 VUE。我正在将刀片文件转换为 VUE 组件。刀片文件包含一个表，其中包含从 mysql 数据库中提取的数据行。我创建了一个显示用户的可拖动组件，并允许我拖放行以重新排列它们，并且该表使用 VUE 插槽将 html 传递给我的组件。在我的索引视图中，表格上有一个按钮。单击该按钮时，它会转到我在 Laravel 中使用 routes.php 文件定义的 /create 端点/路由。我不想使用 vue 路由，我更喜欢按原样维护我的 laravel 路由。我遇到的问题是，我不知道如何完全实现这一点，因为我是 VUE 的新手。有人可以对此有所了解吗？我尝试使用 axios 但也许我用错了？有没有更好的方法来使用 vue 组件但继续使用我在 routes.php 中定义的路由？谢谢。
main.blade.php
<!-- Draggable Component -->
<div id="app">
<draggable table=@yield('content.main')></draggable>
</div>
routes.php（部分显示我想要访问的端点）
$route->any('users/create', 'UsersController@create');
可拖动的.vue
<template>
<section v-bind:table="table">
<button class="btn btn-default" @click="create()">
<i class="fa fa-plus"></i>
</button>
<slot></slot>
</section>
</template>
<script>
export default {
props: ['table'],
data() {
return {
draggable: '',
};
},
created() {
this.draggable = this.table;
},
methods: {
create() {
axios.get(this.endpoint, {
UserName: this.UserName
}).then(res => {
this.creating = true;
this.UserName = res.data.UserName
}).catch(err => {
console.log("Error: " + err);
})
},
},
computed: {
endpoint() {
return `users/create`;
},
}
};
</script>
点击按钮时出现的错误：
Error: Request failed with status code 404
【问题讨论】：
-
如果你想在你的 laravel 路由中使用 vue，那么结合刀片和 vue。
-
嗨@JesusErwinSuarez你能详细说明一下吗？或者提供一个例子或指向我正确的文档？谢谢。
标签： laravel vue.js axios laravel-blade