如何保存Vue路由参数，防止用户手动修改？
在Vue中，可以通过使用路由的props选项或通过URL查询参数的方式来保存Vue路由参数，以防止用户手动修改。
- 使用props选项：
在路由配置中，可以通过设置
props选项将路由参数传递给目标组件并保存。- 概念：
props选项用于将路由参数作为组件的props属性传递。 - 优势：通过props传递参数可以确保数据的安全性，用户无法直接修改参数。
- 应用场景：适用于需要将参数作为props传递给目标组件，并且需要保护参数不被用户手动修改的情况。
- 示例代码：
- 示例代码：
- 推荐腾讯云相关产品和产品介绍链接地址：
腾讯云提供了云服务器CVM、云函数SCF等产品，可用于支持Vue应用的部署和运行。
- 云服务器CVM产品介绍：https://cloud.tencent.com/product/cvm
- 云函数SCF产品介绍：https://cloud.tencent.com/product/scf
- 概念：
- 使用URL查询参数：
另一种保存Vue路由参数的方法是将参数作为URL查询参数传递，并在页面加载时解析参数。
- 概念：URL查询参数是指在URL中以
?key=value的形式传递的参数。 - 优势：通过URL查询参数传递参数可以确保数据的安全性，用户无法直接修改参数。
- 应用场景：适用于需要将参数传递给目标组件，并且需要保护参数不被用户手动修改的情况。
- 示例代码：
- 示例代码：
- 推荐腾讯云相关产品和产品介绍链接地址：
腾讯云提供了云服务器CVM、云函数SCF等产品，可用于支持Vue应用的部署和运行。
- 云服务器CVM产品介绍：https://cloud.tencent.com/product/cvm
- 云函数SCF产品介绍：https://cloud.tencent.com/product/scf
- 概念：URL查询参数是指在URL中以
相关·内容
鉴于我目前的结构：
pages/
--| _user/
-----| _list/
--------| _bookmark/
-----------| index.vue
--------| index.vue
-----| _list.vue
然后，我试图实现一个结构，您可以访问用户配置文件。
/<profile-name>
然后访问他们和一个显示孩子的路径的列表。
/<profile-name>/<list-name>
这很好用，我把_list.vue用作父级，_list/index.vue显示在里面。
但现在我想增加一条路线
/<profile-
浏览 2提问于2019-09-20得票数 1
回答已采纳
我看过各种关于温泉浴场认证的视频。所有这些视频提供了一个基于vuex的解决方案。
就像这样；他们在getter中创建函数，比如loggedIn，它返回用户身份验证状态。
store.js
[...]
state:{
token: null,
user: null
},
getters: {
loggedIn: (state) => {
return state.token && state.user ? true : false
},
},
[...]
Dashboard.vue (这是一个受保护的路由)
[...]
浏览 0提问于2020-03-12得票数 0
回答已采纳
我来自jQuery背景，最近才开始使用Vue。我正在努力学习尽可能多的知识，我正在尝试开发一个简单的用户搜索和查看详细信息的应用程序，但是我被卡住了，似乎找不到前进的出路。 ? 我有一个由三个组件组成的布局- Nav.vue，Search.vue，UserProfile.vue，如图所示。UserProfile.vue位于路由器视图内部。我将Vuex store与状态userId和username一起使用，并定义了突变来提交状态更改。 当用户通过在搜索组件中提供用户名进行搜索时，我从左侧边栏上的API获取用户列表。当用户单击其中一个搜索结果时，我正在提交userId状态，并希望使用从
浏览 74提问于2021-07-20得票数 1
回答已采纳
问题是如何在Vue组件中维护iframe的内容和状态，无论组件是显示还是隐藏。
我尝试了两种方法：
(1)与vue路由器结合使用。
<keep-alive>
<router-view>
<Component></Component>
</router-view>
</keep-alive>
(2)将其作为子组件，使用v-if代替vue-路由器显示和隐藏。
<Component v-if="$store.state.isShow"></Component>
这两种方法都
浏览 5提问于2018-07-09得票数 1
回答已采纳
在Vue.js前端的上下文中，由openapi-generator-cli生成的javascript客户端代码似乎正在尝试设置用户代理，这在Google Chrome中给出了以下错误：
Refused to set unsafe header "User-Agent"
如何配置openapi-generator-cli，使其不会尝试设置用户代理？
浏览 47提问于2021-02-27得票数 0
我有一个Vue组件，它在“脏”(例如未保存)时进行跟踪。如果用户有未保存的数据，我想在他们从当前表单浏览之前警告他们。在典型的web应用程序中，您可以使用onbeforeunload。我曾经尝试过像这样在安装中使用它：
mounted: function(){
window.onbeforeunload = function() {
return self.form_dirty ? "If you leave this page you will lose your unsaved changes." : null;
}
}
然而，当使用Vue路由器时，这是不起
浏览 0提问于2019-06-11得票数 18
回答已采纳
我正在使用Vue中的自定义选项卡组件实现嵌套选项卡视图。当我刷新或重新加载嵌套子选项卡的页面时，未显示任何活动选项卡。我的问题是，当页面为正确的活动子标签刷新/重新加载时，如何显示活动的父标签。为了更好地理解，我在这里提供了代码。 https://codesandbox.io/s/morning-leaf-zxlt7?file=/src/components/TabView.vue 为了说明更多，假设我在这里浏览到Operation选项卡下的Operation 2 ? 现在，当我刷新页面时，我得到了这个- ? 我需要单击父选项卡(操作选项卡)来查看活动子选项卡(操作2) 请帮
浏览 71提问于2020-04-29得票数 0
2回答
我正在尝试用Vuex制作我的第一个Vue.js CRUD应用程序，但我遇到了如何正确加载状态的问题。
我有一个列出所有帐户/accounts的路由，并且我可以轻松地以列表形式加载所有帐户的帐户状态。
我的挑战/问题是，我如何有效地使用状态来查看/更新另一个路由中的个人记录？(即/accounts/1)。如果用户刷新/accounts/1上的浏览器，我没有状态。管理事物集合和该集合中的单个记录的状态的最佳策略是什么？
浏览 1提问于2017-05-10得票数 0
1回答
我是用vue编程的新手。我目前正在使用node.js后端服务器构建我的第一个vue前端应用程序。在前端应该有2个不同的应用程序。 用于使用本网站的管理员(www.websitename.com/admin)用户的配置面板。(www.websitename.com)为这种情况创建两个单独的应用程序是否有用？或者，在一个SPA中同时拥有这两个是最佳实践吗？ 如果有两个单独的应用程序更有意义(为了防止完整的代码(包括管理代码)被发送给用户端的用户)，那么如何处理才是最好的呢？ 最好的，克里斯
浏览 17提问于2019-12-22得票数 0
1回答
我正在构建一个Vue.js 3应用程序的Vite和vite插件页面的路由。
有可能有一个静态的动态路线吗？
e.g. /@[handle].vue
当我这样做时，它不起作用，而是回到了我的所有路由[...all].vue。
我不想把它放在子文件夹中，所以/@/[handle].vue不是一个选项。我希望@符号后面跟着一个动态用户名之后的任何东西。
我使用Vue路由器在另一个应用程序中成功地做到了这一点，但不确定如何通过这个插件在基于文件夹的路由中实现相同的功能。
我以前是怎么做的：
const router = new Router({
routes: [
{
path
浏览 14提问于2022-01-30得票数 0
回答已采纳
1回答
我正在用vue 3构建一个CMS，并想知道使用全局存储store.store.auth = false/true是否是一种安全的呈现组件的方式，这些组件应该只有经过身份验证的用户才能看到。事情是这样的：
用户在登录表单中输入凭据
凭据通过HTTP请求发送到后端，并由laravel sanctum检查。
响应到达设置store.store.auth = true的前端
应该只有通过身份验证的用户才能看到的组件和路由通过v-if呈现。
这是一种安全的方法，还是可以改进？
浏览 4提问于2022-03-09得票数 0
回答已采纳
我有一个使用vue路由器的vue应用程序。我为登录路由实现了一个身份验证系统。如何让它在登录成功后自动重定向到用户最初想要访问的路由？ 这是我的代码 import Vue from "vue";
import VueRouter, { RouteConfig } from "vue-router";
import Home from "../views/Home.vue";
import Collections from "../views/Collections.vue";
import Login from ".
浏览 167提问于2021-11-17得票数 0
我们在这里:我有一个登录视图。用户将登录。在他登录后，我将获得UserID并使用道具将其传递给下一个视图(组件)。
Login.Vue
.then(res => {if (res.status === 200){
console.log(res.data['id'])
this.$router.push({name:'Contact', params:{userID: res.data['id'] }}) }
})
Contacts.vue
export
浏览 6提问于2020-10-27得票数 0
回答已采纳
1回答
所以社区，
我正在使用现有的Vue 2应用程序添加外部身份验证。我面临的问题是，在外部IdP用/redirect的路径重定向回Vue应用程序之后，Vue路由器似乎不遵守更新的路径并将路径路由到适当的组件。换句话说，Vue路由器将路由到/组件，而不是/redirect组件。
Vue路由器有mode: 'history'集和Webpack historyApiFallback: true,集。
当前行为：
component.User用户导航到https://localhost:8080/并呈现一个Login ，并将其输入ID并重定向到外部IdP。成功身份验证后，IdP返回到指定的
浏览 1提问于2021-08-18得票数 0
回答已采纳
2回答
我想知道有多喜欢，订阅或喜欢按钮工作。我不明白什么。
例如：
用户喜欢id为243的帖子。
ajax请求被发送到服务器，其中的id是post (243)，这里是后端内容，用户最喜欢的列表被更新，包括该帖子和服务器返回一个成功的响应。
现在，我应该如何处理修改like按钮以实际显示喜欢的按钮(永久地，包括刷新)。
我怎样才能在Vue JS中实现这一点。事情是怎么更新的？我不明白这部分。
浏览 8提问于2017-10-30得票数 0
回答已采纳
我想限制对vue路由器中某些页面的访问。例如，与其在每个组件中使用auth逻辑，我更希望在需要的子路由中只检查一个'hasUserAccess‘。
{
path: 'admin',
name: 'admin',
beforeEnter: hasUserAccess,
component: () => import(/* webpackChunkName: "admin" */ '@/_ui/admin/Admin.vue')
},
..。
function hasUserAccess(
浏览 1提问于2021-05-05得票数 1
回答已采纳
我们有一个Vue应用程序，我们正在部署到一个子目录: /deploypath/
现在，我们将vue.config.js作为：
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
publicPath: process.env.NODE_ENV === 'production'
? '/deploypath/'
: '/',
transpileDependencies: [
'
浏览 3提问于2022-09-29得票数 0
回答已采纳
网页重定向到Vue应用程序。这个Vue应用程序有几个页面，它使用Vue路由器.在初始化Vue应用程序时，我们运行一些基于引用程序的逻辑。
然后，用户在Vue应用程序的页面之间导航，并在某个时候决定刷新页面。在这种情况下，引用仍然是前一页(为什么？)-因此基于引用的逻辑再次执行。这是个问题，不应该发生。
那么，在SPA加载之后，我如何摆脱这个引荐程序呢？还是最终当用户在SPA中导航时？
PS:这种情况发生在Chrome和Safari上，而在Firefox上则不然。至少在我的机器上。
浏览 5提问于2022-01-19得票数 0
回答已采纳
我正在Vue和Vue路由器做一个项目。在我的项目中，我有一个名为'adtag‘的param，它必须在url查询params中，有什么简单的方法来保持这个param，不管路由器如何运行。
例如，我有三页：
本地主机/索引
本地主机/列表
本地主机/详细信息?id=11
使用vue-路由器<router-link :to="{name:'Detail',query:{id:item.id}}"></router-link>更改页面
如果我用adtag打开了第一页localhost/index?adtag=123，那
浏览 4提问于2017-02-14得票数 1
我需要将一个数组从一个Vuejs路由传递到另一个路由，比如从home.vue传递到post.vue。
这是我用于post.vue的route.js文件
{
path: '/post/:cart',
name: 'post',
component: PostView,
props: true
}
这是我的home.vue
<router-link to="/post/:cart">Check out</router-link>
还有我的post.vue
props: ['cart'],
浏览 1提问于2017-11-28得票数 1
1回答
如何将路由器传递给我的子组件。
我用这个做路由器
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
export default function () {
const Router = new VueRouter({
mode: 'history',
routes : [
{
path: '/',
beforeEnter: ifAuthenticated,
浏览 1提问于2019-02-13得票数 0
回答已采纳
假设我刚刚用vue线索开始了一个vue-nodejs-webpack的简单项目： vue create xxx 我应该如何插入其默认客户端路由，以允许基于身份验证的某些路由？以最自然的方式？ 我的App.vue将如下所示： <template>
<v-app class="grey lighten-4">
<Navbar />
<v-content class="mx-4 mb-4">
<router-view></router-view>
<
浏览 11提问于2019-10-14得票数 1
回答已采纳
2回答
在Vue.js中，我有这样的方法来登录用户，在vuex存储中设置值，然后重定向到主页：
login: function () {
axios.post( this.BASE_URL + "/login", {
username: this.username,
password: this.password,
}).then( (res) => {
this.$store.commit('setIsAuthenticated',
浏览 1提问于2017-09-27得票数 5
回答已采纳
使用Vue 3和Vue Router，如何创建具有多个动态参数的动态路由？ 这些参数需要能够以任何顺序传递。 在我们的webapp中，我们有更多的500+视图，所以我们在运行时解析路由，加载组件( )，因为在routes文件中设置这500个视图中的每一个视图都是疯狂的。 让我们假设我们有一个名为"Products“的视图，我们的客户端有多个过滤器选项，当他们过滤某些东西时，这些过滤器被传递到URL中。它们可以传递0个参数或10+参数。这取决于他们在过滤什么。 假设用户可以像下面这样传递URL： 以及多个其他动态可能性。 我尝试使用通配符添加路由 ，但它根本不起作用。 我尝试了
浏览 188提问于2021-02-16得票数 0
回答已采纳
我想根据所请求的Route来确定是否应该加载Vue组件。 例如，如果用户转到http://todo.example.com/task/123，我想在加载组件之前检查123是否是一个有效的task_id。如果id无效，我将简单地重定向用户，而不必加载组件。 我知道vue-feathers在Vue组件上注册了一个$feathers属性，以便能够访问您的羽毛服务。但问题是，在vue-router提供的beforeRouteEnter方法中，组件还没有加载，因此我不能通过this.$feathers访问我的服务。 我还知道，我可以通过将回调传递给next函数来访问组件实例，但是如果task_id无效
浏览 37提问于2019-02-19得票数 0
1回答
我使用VueRouter创建单个页面应用程序，使用VeeValidate进行验证。我想要添加一个方法来检查页面上有效输入的状态，以确定是否继续进行。
输入将如下所示：
<input
type="text"
class="ze-input"
placeholder="Enter mobile number"
v-validate="'required'"
:class="{'input': true, 'is-danger': errors.has
浏览 2提问于2017-06-12得票数 2
回答已采纳
前言:对Vue.js和Firebase非常陌生 我已经在我的Vue路由器文件上实现了Auth guards，以及阻止用户通过url手动访问路由的Firebase规则。 作为我的Vue项目的测试用户登录时，我从Firebase中手动删除了该用户。现在，我无法访问登录路由来更改用户，并且浏览器中没有任何内容呈现，也没有更改任何路由等。 你知道我怎么才能再次访问我的路线吗？我也不完全清楚'requiresGuest‘在身份验证方面做了什么 我已经在下面包含了我的router.js文件 import Vue from 'vue'
import Router from &#
浏览 8提问于2021-01-06得票数 1
我一直纠结于在Vue 2中管理头部导航的最好方法，vuex和VueRouter。我的App.vue中有一个主要的'header‘类型导航
<div id="nav">
<!--Try and create a dynamic nav-->
<span v-for="route in routes" :key="route.to">
<router-link :to="`${route.to}`">{{route.text}}&l
浏览 21提问于2020-05-07得票数 1
回答已采纳
在vue/vue路由器中，我有一个$route监视器，它以两种方式触发。
我在浏览器上单击“后退”或“转发”。
用户与表单交互，表单使用的变量有观察者，然后这些观察者函数使用$router.push更新url。
那么，在$route的观察者函数中，我如何知道上述2种场景中的哪一种呢？
问题是，如果发生了场景1，我希望再次手动更新表单。如果发生了场景2，表单将已经更新，所以我不想再次手动更新表单。
浏览 0提问于2019-02-12得票数 2
回答已采纳
2回答
当我使用vue-router更改路由时，如何在完成之前中止/取消Axios请求。
当用户打开页面时，它会自动发送axios请求来获取一些数据，但用户不等待响应，就会通过vue-router改变路由，这将是大量的Axios请求
那么我的问题有什么解决办法吗？
浏览 2提问于2018-07-20得票数 17
回答已采纳
我在每个函数之前使用Vue route Auth Guard。如果用户未登录，则无法访问仪表板和配置文件页面。它工作得很好，但当我尝试强制路由时，它会阻止我，但也会在url中添加一些额外的字符。我能去掉那些。
url -
import Vue from 'vue'
import Router from 'vue-router'
import * as firebase from "firebase";
Vue.use(Router)
const router = new Router({
mode: 'history',
浏览 19提问于2019-12-04得票数 0
回答已采纳
我有一个vue项目和laravel作为back-end，我必须检查用户是否有权限访问资源或视图，在后端我使用laravel permissions来完成这一点，它工作得很好，我现在的问题是在前端。 我在用户登录时获取用户权限并保存在localStorage上，如果用户没有权限进入某条路由，如何阻止该用户进入？ 例如，我有这些路由 {
path: 'users',
name: 'Users',
component: Users,
meta : {
permissions: 'read
浏览 110提问于2019-01-24得票数 5
回答已采纳
我定义了一个vue资源：
resources.js:
import Vue from 'vue'
import VueResource from 'vue-resource'
Vue.use(VueResource);
export const Team = Vue.resource('team{/id}{/action}');
那么，如果我在该资源上调用get方法：
api = require('.api/resources')
api.Team.get({
id: 3233,
action: 'de
浏览 2提问于2016-05-05得票数 3
回答已采纳
我正在使用Laravel5.5和Vue.js 2.0
打开example.com并单击显示项时，此url将触发
example.com/items
下面是结果
当我直接打开这个url example.com/items时，它只显示我从Laravel获得的json响应，而没有在html (Vue.js)中创建任何视图。见下文：
如何在浏览器中访问像example.com/items这样的直接Urls，而不首先访问example.com，从而获得准确的结果。
更新的这里是我的Vue routes.js文件
import Example from './components/Ex
浏览 1提问于2018-01-19得票数 0
回答已采纳
1回答
我正在尝试将vue-router集成到我的Laravel应用程序中
我在根视图上有一个路由器视图，在我的设置页面上也有一个
如果用户在/settings/password组件上并重新加载，为什么根视图要加载/settings/password组件并将其嵌入其中？我正在尝试将根视图组件嵌套在“/”下，将设置组件嵌套在“/ settings”下。
以下是我的代码
//我的根页面上有一个路由器视图
{
path: '/',
component: require('./views/Welcome'),
children: [
{
浏览 1提问于2017-03-15得票数 0
我尝试使用带有nativescript-vue的vue路由器，但是我得到了错误不能向查看组添加空子视图
我遵循了nativescript的文档，试图将路由器放到外部文件中，但我也得到了同样的错误。
import Vue from "nativescript-vue";
import VueDevtools from 'nativescript-vue-devtools';
Vue.use(VueDevtools, { host: '10.0.0.108' })
// import router from './router';
浏览 0提问于2019-01-05得票数 0
3回答
我试图在我的应用程序中实现一个功能，当用户试图从未提交的表单中导航时，会给他们一个确认，询问他们是否在保存更改之前确定要离开。
componentWillUnmount方法似乎是这方面的完美选择，因为它将激发用户可能放弃表单的各种方式(更改导致表单消失、导航到不同路由等的父组件状态)。然而..。当确认返回false时，我无法阻止卸载。
关于如何实施这一点，有什么建议吗？
浏览 10提问于2017-05-07得票数 14
回答已采纳
我有一个Vue应用程序，它可以对应用程序负载进行少量的localStorage和服务器检查，以确定初始用户的路由位置。
这是在应用程序的主条目组件中，在created()钩子中
我的问题是，默认/路由的组件首先明显地加载，然后是服务器调用和所有导致用户路由到正确位置的事情。
如何延迟初始组件的呈现，直到我的应用程序的主组件created()方法完成，然后有目的地引导用户到正确的路由？
浏览 2提问于2021-10-25得票数 3
回答已采纳
我正在尝试将单击注销链接的用户重定向到服务器呈现的注销页面。但就像下面的代码一样，我只是被重定向到默认路径。
我在flask中设置了一个服务器路由，如下所示：
@app.route('/logout')
def logout():
logout_user()
return render_template('login.html')
在vue中，我希望重定向路由，以便将我定向到服务器路由。
<template>
<a v-on:click="logout">Logout</a>
</temp
浏览 3提问于2017-04-01得票数 7
回答已采纳
1回答
我将首次使用addRoutes方法。我没有找到任何关于开发人员如何使用这种方法的完整教程，所以我决定在这里试一试。
在我的应用程序中，我有一些CMS，这样用户就可以创建带有自定义路径的新页面。在我的路由器/index.js文件中，我导入组件并声明其路由，我需要添加这些自定义路由。
我有一个API端点，它可以给我一个包含这些路由数组的JSON。如何在路由器/index.js文件中调用这个端点并将这些新路由添加到我的路由器？
下面是我的router.index.js文件中的内容(我添加了它的结构，而不是代码本身)：
import Vue from 'vue';
import Vue
浏览 2提问于2018-11-06得票数 0
我正在使用Laravel和Vue构建SPA，我不想让用户访问/products/create路由，我尝试过使用Laravel中间件，但它没有帮助
这是我的App.vue组件
<template>
<div>
<Navbar :name="user.name"/>
<router-view></router-view>
</div>
</template>
<script>
import Navbar from "./N
浏览 0提问于2020-01-22得票数 2
我正在使用Vue Router和Vue 3，并尝试添加一个捕获所有路由，以便在用户尝试访问无效URL时重定向用户。当我尝试使用通配符(*)时，控制台中记录了以下错误：
Uncaught Error: A non-empty path must start with "/"
at tokenizePath (vue-router.esm.js?8c4f:975)
at createRouteRecordMatcher (vue-router.esm.js?8c4f:1106)
at addRoute (vue-router.esm.js?8c4f:1190
浏览 16提问于2020-08-22得票数 18
回答已采纳
我正在用Vue做一个CRUD系统。到目前为止，我已经让登录的用户可以管理应用程序中的内容，比如添加/更新/删除文本和图像。但是假设用户想要创建一个按钮，并且该按钮需要链接到某个地方，比如不同的组件。这是如何实现的？
如果不可能创建路由器链接，那么至少有什么方法可以让用户将普通的url地址添加到文本块中？
示例：
“输入链接的名称”
“输入链接的URL”
这就是我当前的代码。我添加了一个url类型的输入域，因为我认为这是我需要开始的地方，但我不确定从哪里开始。
<template>
<AdminNavbar/>
<form @submit.prevent=&#
浏览 17提问于2021-03-07得票数 1
1回答
用户身份验证时安全地检索用户数据
、、、、
在阅读了一段时间关于身份验证的文章之后，我发现很难把它做好，所以我决定在我的vue应用程序中使用firebase身份验证来验证我的用户。
我列出了我在这个应用程序中使用的技术和流程，以显示每个部分的交互和清理：
我使用Vue作为我的客户端javascript客户机
使用防火墙身份验证的客户端登录用户。
当用户登录时，调用node.js rest并使用其用户数据检索json。
当客户端检索数据时，应用程序会显示某些部分，并根据用户权限隐藏其他部分。
因此，在我的Vue应用程序中，我展示了一个自定义登录表单，并使用它通过firebase对用户进行身份验证。用户登录后，我从自
浏览 0提问于2018-07-28得票数 0
回答已采纳
1回答
我正在开发一个使用Vuex和Vue路由器的单页应用程序.
目前，我有一个存储区，由一个大型对象组成，例如，从带有标识符的数据库加载X。我使用Vue路由器在SPA页面之间导航。
偶尔，用户可能希望从数据库加载另一个版本的X。在执行此操作时，我还希望将用户导航到“开始页”。“开始页”和用户当前所在的页面都将通过计算属性显示从存储区获取的大量信息。
据我所见，有两种方法可以解决这一问题，但没有一种是好的：
I将新对象加载到存储区，然后推送路由器。weird. 问题:当我从后端将对象加载到存储区时，所有的活动都开始发生，用户所在的当前页面将读取新信息并执行操作。
我先推路由器，然后更新。问题:这与
浏览 3提问于2019-09-19得票数 0
1回答
这基本上是一个简单的任务:我在Vue路由器中使用Vue3，我的Home.vue组件位于/路由中，还有一个位于/product路由中的ProductDetails.vue组件。
当用户导航到我的/路由时，我想执行一个特定的操作。但是，我只希望这个操作发生在用户直接导航到这里时，这意味着通过单击链接或通过浏览器的URL栏。我不希望在他从ProductsDetails.vue导航回来时执行该操作(也不希望从任何地方通过" back“路由)。
如何使用Vue3或Vue路由器方法来实现这一点？我知道我可能可以使用URL中的查询参数来完成这个任务，但我不希望这样做。
浏览 6提问于2022-09-13得票数 0
我正在尝试通过meta标记传递<router-link>字段。如下所示：
<router-link :to="{path: '/inlineMeta', meta: {title: 'Inline meta'}}">
Inline meta
</router-link>
我想要实现这一点，因为我可以直接在标记本身上从后端框架动态地传递metas。在JS文件中声明routes选项根本没有这种能力。
理论上，任何传递给支柱的对象都应该被推送到router堆栈中，对吗？但在这种情况下，情况似乎并非如此。
如果
浏览 0提问于2021-11-05得票数 2
我正在创建一个注册页面，如果用户已登录，我需要将用户对象从app.vue文件发送到pages/目录中的每个页面。这是app.vue
<script setup>
import { ref } from 'vue';
const userId = useCookie('user');
const userObj = await $fetch('/api/user/getLoggedInUser', {
method: 'post',
body: {
id: userId.value
浏览 9提问于2022-07-11得票数 0
1回答
我需要从/products组件内部检测父路由FeaturedProducts.vue。它具有/product-list/featured的路由路径。
const routes = [
{
path: "/",
name: "Home",
component: () => import('./Home.vue')
},
{
path: "/product-list",
name: "Products",
component: () =>
浏览 5提问于2022-04-16得票数 2
回答已采纳
我有一个nuxt SSR应用程序，并且我正在使用发出一个HTTP请求。当我使用axios从我的服务器得到一个错误时，我想把带有vue路由器的错误消息作为道具传递到我的错误页面，我已经将这个页面设置为nuxt details 。
我目前在我的错误布局页面中使用。如何通过Vue路由器将错误消息作为道具传递到/layouts/error.vue中的错误页面？我试着像这样传递道具：
router.push({ path: '/error', name: 'error', params: {error: error.response.data}})
但是，错误页上的pro
浏览 6提问于2021-11-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
