1回答
对于Laravel 5，我相对比较满意，但是当涉及到Vue.js时，我感到相当沮丧，我在想，是否可以调用Laravel的方法，这些方法可以从Vue.js组件中的刀片中获得。
例如，我想为我的导航条制作一个Vue.js组件，如下所示：
<template>
<nav class="navbar navbar-expand-sm navbar-dark bg-info mb-2">
<div class="container">
<a href="{{ route(&#
浏览 1提问于2018-11-08得票数 2
1回答
我使用vue.js将数据获取到视图中，因此我希望通过vue.js将参数传递给这个路由名。如下所示：
<img :src="{{ route('getImage', image.path) }}" />
我尝试过各种方法，但都没有成功：
<img src="{{ route('getImage', :image.path) }}" />
<img src="{{ route('getImage', @{{ image.path }} ) }}" />
<img
浏览 5提问于2016-05-22得票数 0
我开始使用vue.js和laravel进行一个小项目，我想知道如何将刀片语法放入vue.js模板代码或axios中：
axios.post("{{ route('myRouteName') }}", $('#add-related-contact'))
谢谢
浏览 4提问于2020-06-29得票数 0
3回答
我的web.php路由文件中有大约100个路由，现在我开始将vue.js与laravel一起使用，而不是刀片，所以我应该将所有的web.php路由也写在vue路由中吗？最好的方法是什么？
这是我的web.php laravel路线：
Route::post('/dashboard/widget', 'AdminDashboardController@widget')->name('dashboard.widget');
Route::get('clients/export/{status?}/{client?}',
浏览 2提问于2020-06-26得票数 2
1回答
我已经创建了一个名为"getservicedata“的API，它返回要在Vue.js component.The中使用的数据，问题是我在生产环境中获得了404状态代码，这意味着无法找到该文件。在当地，这不是一个问题，只在生产环境上。
api.php文件：
Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
return $request->user();
});
Route::group(['middleware'
浏览 2提问于2021-05-25得票数 0
如何在使用laravel集合库创建的表单对象上使用vue.js指令。
例：{{Form::open(['route' => 'route.name'])}}
我将如何向<form>标记中添加v？
浏览 4提问于2016-12-04得票数 0
回答已采纳
我在laravel blade中使用vue.js，我想将我的产品id (vue.js变量)解析为laravel路由函数参数我尝试了比解决方案更多的方法，但它不是这样工作的：
<form action="{{ route('cart.add', @{{this.productID}}) }}" method="POST">
请帮帮我谢谢
浏览 21提问于2020-02-11得票数 1
3回答
这是我的组件：
const Vue = require("vue/dist/vue.js");
const qs = require("querystring");
module.exports = Vue.component("Page",function(resolve){
console.log($route);
let id = this.$route.params.id;
fetch("/getPage.json",{
method:"POST",
浏览 88提问于2018-01-26得票数 4
1回答
我有一些重复的功能，许多组件将使用。因此，我的第一个想法是，我应该创建一个基本组件，并让我的组件继承/子类。
但也许这在vue.js中是不可能的，也许这不是vue.js做事情的方式吗？如果我解释一下我的用例，你能建议我如何最好地在vue.js中实现这一点吗？
BasePage.vue
<template>
...
</template>
<script>
export default {
name: 'animated-page',
watch: {
'$route' (to, from) {
浏览 2提问于2018-04-12得票数 2
2回答
我的vue.js应用程序中有这样一条路径：
/bewerk/rit/:rideId
因此，当我在vue.js应用程序中链接到这个url时，如下所示：
<a v-link="{ name: 'bewerk/rit', params: { rideId: ride.id }}" class="btn-edit">Bewerk</a>
我知道错误：
main.js:4043 Uncaught Error: There is no route named /bewerk/rit/
怎么啦？
浏览 1提问于2016-08-27得票数 0
回答已采纳
2回答
我在Vue.js 3和TypeScript中创建了一个项目。 router.js {
path: "/app/:id",
name: "Detail",
component: Detail,
props: true
}, App.js <script lang="ts">
...
onMounted(() => {
const id = $route.params.id;
...
}); 但这会导致一个错误： "Cannot find name &
浏览 73提问于2020-12-14得票数 8
回答已采纳
1回答
我正在使用Laravel 5.7和Vue.js 2。
我想测试Vue.js路由参数。但这不管用！！
app.js
import ProductDetails from './components/front/shop/ProductDetails'
const routes = [
{
path: '/pds/:id',
component: ProductDetails
}
ProductDetails.vue
<template>
<h1>Book {{ $route.params.id }} </h1
浏览 0提问于2019-03-16得票数 0
回答已采纳
3回答
我想在vue.js中将一个输入字段绑定到一个路由参数。
<input v-model="$route.params.query"/>
有可能吗？
浏览 1提问于2017-10-23得票数 8
1回答
我如何确保当用户访问我在/administration/login上的站点时，它将转到我的vue.js应用程序，否则它将保留在Laravel应用程序中？
现在我有这样的想法：
#404 page
Route::any('{all}', function () {
return view('404');
})
->where(['all' => '.*']);;
# Vue
Route::any('/administration/{all}', function () {
return
浏览 12提问于2016-09-10得票数 1
回答已采纳
1回答
你好，这是我关于堆栈溢出的第一篇文章。我想将后端和前端分开，并使用我的Spring Boot应用程序创建REST API。我使用spring-security登录。它使用名为JSESSION_ID，但是如何使用Vue.js登录和授权用户呢？我想做的形式登录到我的服务和授权请求与JSESSION_ID。
这是我在Vue.js中的第一个应用。我试着使用教程和文档中的代码，但它不能解决我的问题。我也有CORS的问题。
export default {
name: 'Login',
data(){
return{
浏览 18提问于2019-07-26得票数 2
2回答
我想使用vue.js在我的.jinja模板金字塔项目，但我不能。如果我理解正确的vue.js只运行在.html文件。我该怎么做？
signin.jinja2
<body>
<div id="id">
<p> {{ title }}</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="../static/js/main.js&#
浏览 1提问于2018-10-01得票数 3
回答已采纳
我目前正在使用google加载程序，这样我就可以在vue.js中呈现一个谷歌地图并在其上放置标记。数据都是从json文件中检索的，我对标记没有任何问题，但是现在我必须使用json文件中的编码路径连接它们。我有一些简单的javascript来解码路由，我也试图在Vue.js中做同样的事情，但是几何学似乎不起作用。我能做什么?
我
path: google.maps.geometry.encoding.decodePath(route)
浏览 2提问于2019-09-05得票数 0
1回答
我有一个这样的方法：
methods: {
search () {
this.$route.router.go({ name: 'Search', Params: { search: this.searchFor }});
}
}
显然，这是行不通的。我怎么能让它起作用？我用的是vue.js 1.0
浏览 4提问于2016-10-27得票数 0
回答已采纳
3回答
我希望在Vue.js应用程序中为不同的路由使用相同的组件。
我现在有这样的事情：
main.js
const routes = [
{ path: '/route-1', name: 'route-1', component: MyComponent },
{ path: '/route-2', name: 'route-2', component: MyComponent },
{ path: '/route-3', name: 'route-3', component:
浏览 2提问于2017-03-05得票数 26
回答已采纳
2回答
我正在做一个Laravel项目，其中所有的前端都由vuejs管理。 所以，我在上面定义了所有的后端路由： routes/api.php 这个文件：routes/web.php，它只有一条路径： Route::view('{all}', 'app')
->where('all', '^((?!api).)*')
->name('vue'); 把所有的责任交给vue.js。 因此，在resources/js (vue端)中，我定义了前端路由，例如： {
path: '/&#
浏览 24提问于2020-04-30得票数 0
回答已采纳
如何在Vue.js中访问setup方法中的$route.params属性？当我试图在其他方法中访问它，或者在模板中访问它时，一切正常，但我不能在setup方法中访问它。
浏览 155提问于2021-04-10得票数 2
回答已采纳
我使用Laravel5.4创建了一个API，在不同的域上使用Vue.js 2创建了前端端。将CORS安装到API中。这时，它在我的本地机器上都能正常工作了。我应该如何正确地将它部署到主机服务器上？我有两个文件夹：后端和前端。在这里，我实现了两个单独的项目:一个是API，另一个是前端。
这是我的routes/api.php
Route::group(['middleware' => ['jwt.auth']], function() {
Route::get('logout', 'AuthController@logo
浏览 0提问于2018-03-09得票数 1
回答已采纳
1回答
拉威尔路线带我去别的地方
、、、
我正在尝试创建由Laravel和vue.js开发的CRUD应用程序，但是这里总是存在问题。当我运行这个应用程序时，它会转到仪表板上，而CRUD操作也不会出现。以下是路由/web.app代码：
<?php
use Illuminate\Foundation\Application;
use Illuminate\Support\Facades\Route;
use Inertia\Inertia;
use App\Http\Controllers\PostController;
/*
|---------------------------------------------------
浏览 5提问于2022-09-18得票数 0
3回答
我使用的是带有Vue.js的Laravel 5.3 (非常新)。这是我当前的代码
app.js
var vm = new Vue({
el: '#app',
data: {
messages: []
},
ready: function(){
this.getMessages();
},
methods: {
getMessages: function(){
this.$http.get('api/messages'
浏览 2提问于2016-10-02得票数 0
我在vue.js中有一个登录表单。我只需要用vue.js和laravel登录用户。一旦登录，用户将重定向到仪表板，该仪表板已经开发了，只使用laravel。我正在尝试登录，但它不起作用，auth()->guard返回空，以便用户重定向到登录页面，而不是仪表板。当我在那种情况下使用邮递员时，效果很好。
Vue js
this.$http.post('http://localhost/project/admin/vendors/validate_login',{phone_number : this.phone_number},{
headers: {
"
浏览 1提问于2019-03-07得票数 6
Vue.js HTTP调用
methods :{
login(){
var data ={
client_id: 2,
client_secret: '5YVQ6rsSehoh5BOWsxAU3KxGeqT1tCRGHn5dx1iX',
grant_type: 'password',
username : this.email,
password:
浏览 2提问于2017-03-25得票数 1
回答已采纳
1回答
你好，我是vue.js的新手，我想在我的项目using vue.js and laravel中构建API，我有一些问题和答案，因为我感到困惑，我有服务控制器，它返回所有服务如下：-
class ServicesController extends Controller
{
public function Services()
{
//get all serveice
$services=Services::where(['deleted'=>1,'status'=>1])->get();
浏览 5提问于2020-04-06得票数 0
回答已采纳
我想使用TypeScript在Vue.js应用程序中检测我的URL的更改。在JavaScript中，可以按如下方式完成此操作：
watch: {
'$route': {
handler: 'onUrlChange',
immediate: true,
deep: true
}
},
onUrlChange(newUrl){
// Some action
}
我怎样才能在TypeScript中做同样的事情？
浏览 11提问于2018-08-17得票数 21
回答已采纳
1回答
我正在尝试创建Vue SPA应用程序。但该路由似乎与我在路由器中定义的路由不匹配。我不明白为什么会发生这种事。在我看来，一切都应该是正常的。这里我漏掉了什么？
我的index.html
<html>
<head>
<title>New Vue.js Project</title>
<script src="assets/js/vue.js"></script>
<script src="assets/js/vue-router.js
浏览 10提问于2019-08-20得票数 0
回答已采纳
1回答
Vue.js重定向到命名路由？
、、、、
我正在做一个vue.js项目。我有一个具有以下配置的路由
{
path: '/Cart',
component: Cart,
props: (route) => ({
payment_id: route.query.payment_id,
payment_request_id: route.query.payment_request_id
})
}
我的场景是购物车->付款(第三方)--(重定向到)->购物车。
在重定向期间，url附加为www.example.com/cart?payment_id='xxx‘
路由无法识别
浏览 0提问于2017-11-27得票数 0
我在输入我的vue.js应用程序时遇到了麻烦。我尝试从route.params中提取一个参数，并将其赋值给一个反应性形式的属性。但是，TypeScript警告我，参数的类型必须是string|string[]，因此不能分配给string属性。我想出的唯一解决方案是下面的
form.productId = route.params.productId as string
我认为如果我可以键入route.params的参数，这将是一个更好的解决方案，但我不知道如何做。如果有人能帮忙我会很感激的。
浏览 9提问于2022-02-05得票数 5
回答已采纳
地图在开始转到页面时不起作用，但如果它能在Vue.js中刷新页面，就能起作用。 在这件事上有什么帮助吗？ 这段代码 mounted() {
this.geolocate();
},
methods: {
async geolocate() {
this.getFloatDirections();
this.center = {
lat: this.lat,
lng: this.lng
};
this.coordinates = {
ful
浏览 32提问于2020-04-24得票数 1
如何转换要在Vue.js文件中使用的主机/刀片路由。 我正在将刀片模板转换为vue组件。在index.blade.php中，我有一个在整个文件中使用的路由，如下所示： <a href="{{ route('product.show', ['id' => $product->id]) }}" target=""></a> 现在我希望能够像这样使用我的Vuejs文件中的{{ route('product.show', ['id' => $product-
浏览 19提问于2020-09-02得票数 0
回答已采纳
我希望将routes.js用于动态组件，这些组件是我在urls中发送的。如下所示：
let routes=[
{
path: "",
component: LayoutDashboard,
children: [
{
path: '',
component: Dashboard
},
{
path: '/:pageName/:subP
浏览 0提问于2021-07-19得票数 1
回答已采纳
我使用的是vue.js 2，我只是在为我的组件构建一个模板。问题是如何让数据为组件工作。我必须为路由构建组件。我把我所有的代码都移到了一个return函数中，但我仍然得到了一个错误，说明属性没有定义，并查找声明了反应属性的错误。属性确实已经定义好了。有人能看到我在这个数据函数中遗漏了什么吗？ const regTemplate = {
template: '#reg',
data: function() {
return {
title: &
浏览 12提问于2019-10-04得票数 0
2回答
我想使搜索页面后，我点击它的按钮将被重定向到另一个页面。这个页面将会是这样的
http://localhost:8080/search?q=foo
我的路由器index.js看起来像这样
const routers = [
{
path: '/search',
name: 'Search',
component: SearchPage,
props: route => ( { query: route.query.q } )
}
]
问题是如何在Vue.js 3中获取目标页面SearchPage中的查询值？这个仍然让
浏览 34提问于2021-02-18得票数 3
回答已采纳
1回答
我使用Vue.js和Laravel来呈现一个简单的表列表产品。从这里，我想链接到这样一个产品详细信息页面：
<a href="{{ route("product::details", ['product' => '???']) }}">@{{ product.id }}</a>
由于表是在客户端基于数据对象生成的，所以我正在寻找最优雅的实现方法，而不是绕过允许我链接到指定路由的任何laravel方法(如route() )。
我真的必须手动将路由方法的结果与Javascript中的Vue变量合并吗？
在
浏览 1提问于2016-03-24得票数 4
回答已采纳
2回答
我正在使用带有Nuxt.js的Vue.js，但是我在路由器的功能上遇到了问题。
在纯Vue中，我可以这样用main.js编写：
val route = new Router({
routes:{
[...]
}
})
route.beforeEach(to,from,next){
//do something to validate
}
如何在nuxt.js中做同样的事情呢？我找不到任何像main.js这样的文件。
另外，我只知道处理pages文件夹来实现路由器，我不能设置重定向路径
请帮帮忙，thx :)
浏览 2提问于2017-08-04得票数 17
回答已采纳
基本上，我想要做的是将变量从烧瓶传递到vue.js，但是似乎什么都没有用。到目前为止，我已经尝试了许多选择，并从中提出了一些想法，但我的问题仍然存在。确切地说，我要做的是，当从烧瓶中传递参数d_var时，我希望它使用vue.js显示在html(title_variable)上。
VUE.JS代码
var app = new Vue({
el: "#app",
delimiters : ['[[', ']]'],
data: {
message: "Hello vue! (a dynamic thing)",
tit
浏览 0提问于2019-08-22得票数 1
回答已采纳
我正在为一个vue.js项目构建一个传单地图组件，我希望基于路由的查询参数(pos和z，用于位置和缩放)定位地图组件。
但是，当我试图在$route中访问mounted()时，我什么也得不到。我使用了$nextTick()并将地图的定位延迟了100毫秒。
这意味着
mounted: function(){
console.log(this.$route);
}
输出
Object { name: null, meta: {}, path: "/", hash: "",
query: {}, params: {}, fullPath:
浏览 0提问于2021-02-17得票数 0
回答已采纳
2回答
下面是一个功能应用程序，包含3个notify()方法。
第一个notify()方法是在组件索引中找到的。
第二个notify()方法是在组件登录中找到的。
第三个notify()方法可以在父App实例中找到。
问题：
如何从登录按钮单击中调用父notify()实例中的第三个App？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Simple Vue.js Router Example</title>
浏览 0提问于2019-09-09得票数 1
回答已采纳
我正在尝试用Vue.js (我的API )为我的数据库创建一个新的记录，数据是可以的。但是当我在我的网站上点击create时，我会发现这个奇怪的错误。
传递给照明\数据库\语法：：()的参数1必须是类型数组，字符串给定，在第884行的中调用
我也有删除功能，工作很好，但这不起作用.表单输入有v-model，这似乎不错，但仍然不起作用。
My create方法在vue.js上
addStudent() {
axios.post(`api/students/create`, {data:this.students});
}
在vue.js中获
浏览 3提问于2020-09-09得票数 0
注意:我们可以在不使用编译器的情况下编写vue.js大型应用程序，就像目前我看到的所有示例一样，现在使用webpack来使vue.js代码与浏览器.兼容。
我希望使vue.js应用程序不需要webpack，也不需要使用.vue扩展。有可能吗？如果可能的话，您能否提供一个链接或给出在这种情况下如何使用路由的示例。
当我们在.vue扩展中生成组件时，可以在.js扩展中使用组件并使用应用程序，就像我们在角1中所做的那样，我们可以在没有任何跨编译器的情况下完成整个应用程序的代码转换。
只能在html，css，js文件中这样做，而不是webpack之类的东西。
我所做的一切。index.js
<!
浏览 0提问于2018-01-25得票数 37
回答已采纳
我正试图基于vue.js/laravel编写自己的博客软件，以供学习之用。
背景
我在问自己如何编写路径/urls不是硬编码的vue.js组件。在下面的示例中，我有一个后缀组件，它列出了数据库中的所有帖子。json数据由laravel路由(例如/ api /post)返回。
在清单中，我使用了一个指向laravel视图(例如/ post / {id} )的链接，它显示了具有{id}的特定帖子的实际主体。
示例
在laravel的api.php路由文件中，我可以给出一个特定路由的名称，并与route('api.posts.index')一起使用。我想这足够有活力了吧？
api.p
浏览 0提问于2019-09-13得票数 1
回答已采纳
我正在与Laravel和Vue.js一起构建一个MPA，并且我制作了一个表单，用于发布到api路由。它在我的主页上工作，但现在我将它移动到一个子页面(http://127.0.0.1:8000/muziek)，当我试图提交它时，我总是得到The POST method is not supported for this route. Supported methods: GET, HEAD.警告，所以我认为它使用web.php-routes而不是api.php-routes。 我使用下面的方法将其发布到我的内部Laravel API： addMusicItem() {
if
浏览 12提问于2021-04-12得票数 0
我刚开始学习nuxtjs (在vue.js方面有一些经验)，我陷入了以下问题：
我有一个简单的todo-[id].vue页面。它应该从API获得一个todo并在页面上呈现：
<script setup>
import Section from '~~/components/UI/containers/section.vue';
import ButtonLink from '~~/components/UI/buttons/button-link.vue';
const route = useRoute()
const todoId = parse
浏览 3提问于2022-08-15得票数 1
1回答
我在一个服务器上安装了一个rails 6应用程序，它收到了很多ActionController::RoutingError: No route matches [GET] /31194a065aebf1674b61.worker.js请求。有人知道xxx.worker.js文件是什么吗？在JavaScript方面，我将webpacker与Vue.js结合使用。我猜这是webpacker的事情，但我真的不确定。
浏览 7提问于2019-08-10得票数 2
大家好，我的Vue.js上有我的路径，所以我需要替换/类别/。
axios ('apps/' + app.context.route.fullPath.replace('/categories/', ''))
这是我想要做的，但是，当我使用这个路径‘/类别’没有最后的'/‘时，它是不起作用的。你能帮我把这个字符串和regex和这两个变体匹配起来吗？
浏览 1提问于2018-10-17得票数 0
回答已采纳
我对Vue.js完全陌生，我想我对路由器是如何工作的有一些了解，比如：
<router-link to="/">
但我并不真正理解下面这行是做什么的：
<router-view :key="$route.fullPath"></router-view>
我相信路由器视图本身就可以确保显示内容，但是关键部分是什么意思呢？
浏览 4提问于2018-10-17得票数 28
回答已采纳
1回答
我在为应用程序的前端部分定义路径时遇到了问题。它是Vue.js和Vue路由器。因为它是SPA，我认为在Laravel定义所有的路线不是正确的答案，但似乎我需要某种方式，因为内容没有服务于当前的设置。Vue路由器是否获取整个页面并用每个链接加载它？这将意味着为每条链路设置一条在Laravel路由中加载的路由。我认为这不是SPA决定的意图。
所以像这样的路线
<route-link :to="{name: 'faq'}">FAQ</route-link>
这是不是意味着我必须走一条路
Route::get('faq',
浏览 0提问于2018-02-16得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
