延迟加载组件不适用于 Vue Router
当我尝试在我的 routes.js 文件中延迟加载组件时，我的 CSS 没有被编译. 在文件顶部使用 import 语句时，一切都按预期工作.没有控制台错误或编译错误.我正在使用 Vue.js、Vue-Router、Laravel 和 Laravel-Mix(所有最新版本) //工作(CSS存在)从“../../components/admin/Home"导入主页；//不工作(不存在CSS
..
vue-router相关内容
VueJS vue-spinner 属性或方法“加载"没有定义
您好，我正在尝试设置 view-spinner，但出现错误: vue.esm.js:591 [Vue 警告]:属性或方法“正在加载"未在实例上定义，但在渲染期间被引用.通过初始化属性，确保此属性是响应式的，无论是在数据选项中，还是对于基于类的组件. 这是我的主要 JS (app.js): 从'vue'导入Vue；从'./App.vue'导入应用程序从 'axios' 导入 axios
..
有没有办法使用 Vue-Router 从动态 URL 中删除目录?
我为一家保险经纪公司构建了一个 vue.js 网络应用，其中每个代理都有自己的网站，该网站是根据他们的个人资料生成的. 这是链接在我的 vue-router 索引文件中的样子" {路径:'/agents/:id',name: 'AgentSite',组件:AgentSite}, 一切都很好，除了网址太长而无法放在某些名片上.我想将 URL 更改为如下所示: {路径:'/:id',nam
..
RouterLink attrs 是只读的
我从 Vue.js 中的 VueRouter 开始，但出现了以下错误: [Vue 警告]:$attrs 是只读的.在发现--->在资源\资产\js\modules\livegame\player\SecondNav.vue在资源\资产\js\modules\livegame\player\Player.vue[Vue 警告]:$listeners 是只读的.
..
通过关键参数使视图路由器保持活动状态
如何分别使用不同的参数使 vue-router 保持活动状态? TL:DR: 让我们考虑一个例子，当我们正在开发一个像 facebook 这样的网站时.每个用户都有一个个人资料页面.因为有很多用户，我们不想迭代所有用户并加载所有个人资料页面，如下所示
..
在 vue 路由中匹配查询参数
有没有办法通过查询参数进行路由?我想匹配以下路线:site.com/?foo=123.我试过这样的事情 { path: '/\?foo=[\d]*' } 没有成功. 解决方案 很遗憾，您无法匹配路由定义的 path 字符串中的查询参数. Vue Router 使用 path-to-regexp 和 其文档 说: path-to-regexp 返回的 RegExp 旨在与路径
..
将 vue-router 组件解释为一个函数
我在几个不同的地方看到过以下类型的路由定义: { path : '/dashboard',组件:{渲染(c){返回c('路由器视图')}}，孩子们:[{小路:""，组件:仪表板}]}, 我正在尝试了解这与此有何不同 { path : '/dashboard',组件:仪表板}, 我认为这与可选添加子路由(例如/dashboard/user)有关，因此这里的 children 数组只是解释了
..
Vue test-utils 如何测试 router.push()
在我的组件中，我有一个方法可以执行 router.push() 从“@/router"导入路由器；//...导出默认{//...方法: {关闭警报:函数(){if (this.msgTypeContactForm == "success") {router.push("/home");} 别的 {返回;}},//....}} 我想测试一下... 我编写了以下规范.. it("应该...
..
如何模拟“滚动到锚点"在 Vue Router 中加载页面?
我有一个带有以下路由器配置的小型 Vue.js SPA，取自 文档: export default new VueRouter({路线，//上面定义...模式:'历史'，滚动行为(到，从，保存位置){如果(to.hash){返回 { 选择器:to.hash }} else if (savedPosition) {返回保存位置；} 别的 {返回 { x: 0, y: 0 }}}}) 考虑主页上的
..
如何在 Vue.js 中的 $router.push 中传递数据?
我正在使用 Vue.js 为 CRUD 应用程序创建警报组件.我希望在保存数据后将消息传递给另一个组件.目前我正试图在 $router.push 中传递这个数据，就像这样 this.$router.push({path: '/', query: {alert: 'Customer added'}}) 然后在另一个组件中访问这个数据.然而，这并没有按预期工作，而是将数据传递到 url 中. 这
..
beforeRouteUpdate 和观看“$route"之间的区别 - Vue.js?
我们知道，要对同一组件中的参数更改做出反应，我们使用 beforeRouteUpdate 钩子或观看 $route. 观看 $route: const 用户 = {模板: '...'，手表: {'$route'(到，从){//对路由变化做出反应...}}} beforeRouteUpdate 方法: const 用户 = {模板: '...'，beforeRouteUpdate (to
..
Vuex 商店在 vue-router 中未定义
我有一个路由器和一个全局 beforeEach 钩子来验证身份验证. 从“@/store/store"导入商店；const 路由器 = 新路由器({//路由...});router.beforeEach((to, from, next) => {if (to.matched.some(record => record.meta.requiresAuth)) {if (!store.getters
..
如何让 Nuxt 路由器更动态?
我目前正在用 vue 替换旧版应用. 我有一个复杂的路由，比如 /foo/:category/:sub/:match.大多数时候，url 就像在那个路由定义中一样.对于一些流行网址的 SEO 认为他们想要像 /veryPopularSub 这样的短网址. 是否可以为此注册别名? 类似于: { name: 'generic', path: '/foo/:category/:sub
..
如何使用 vue-router 将数据从一个视图传递到另一个视图
当将 vue-router 与 .vue 文件一起使用时，没有记录的方法可以将数据从一个视图/组件传递到另一个视图/组件. 让我们进行以下设置... main.js: 从'vue'导入Vue；从 'vue-router' 导入 VueRouter；Vue.use(VueRouter);让路线= [{路径:'/page1'，组件:需要('./views/Posts.vue')},{
..
在 DOM 更改之前使用 vue-router 更改路由时触发事件?
我对 Vue 很陌生，希望这不会是一个非常愚蠢的问题:) beforeDestroy 在 DOM 结构改变后被触发. 我尝试使用 beforeUpdate 和 updated 事件，但在 DOM 更改之前似乎没有触发. 在线复制:https://jsfiddle.net/p2c3b10t/18/(检查控制台) 解决方案 当使用 Vue Router 处理路由时，而不是依赖
..
微前端/Web 组件/Vue 路由器错误:未捕获的类型错误:无法重新定义属性:$router
我遇到了一个问题，下面是场景: 我开发了一个 vue 应用程序(my-admin 微应用程序)，它有 4 - 5 个屏幕/组件(管理用户、管理通知、管理角色等)，我创建了一个 路由器.js 我在其中写了以下内容: ...导入...Vue.use(VueRouter);//}const 路由 = [{小路: '/'，name: '主布局',组件:主布局，孩子们:[{路径:'管理用户'，nam
..
如何使用 Vuejs 插入 url
我正在建立一个包含多篇文章的网站.我正在使用 Vue Router，目前我的文章的 url 看起来像/article/id，例如:http://localhost:8080/article/85. 如何将带有文章标题的 URL 插入到例如 http://localhost:8080/article/the-article-title 中? 我不知道我应该提供什么样的代码，所以这是我的文
..
在自定义指令中模拟 v-if 指令
我需要销毁像 v-if 这样的自定义指令中的元素.(如果条件失败，则禁止创建项目.) 我正在尝试这个 export const moduleDirective: DirectiveOptions |DirectiveFunction = (el, binding, vnode) =>{const moduleStatus = store.getters[`permissions/${bin
..
Vue-Router 抽象父路由
我正在尝试将我当前的站点迁移到 vuejs.站点地图必须是: /登录/报名/重设密码/浏览/搜索...数十条其他路线 由于其中一些路由共享大量效果，我将它们设为父路由的子路由: [{//公共路由小路: '/'，组件:身份验证，孩子们: [{路径:'/登录'，组件:登录}，{ 路径:'/注册'，组件:注册}，{ path: '/password-reset', 组件: PasswordRese
..
如何使用 Vue Router 处理锚点(书签)?
我正在寻找一种使用 Vue Router 处理页内锚点的智能方法.考虑以下几点: 立即申请
... 文档中描述的“滚动到锚点"行为工作很好，除了: 当您点击锚点时，它会将您带到div id="app".现在从 div 滚动回锚点并再次尝试单击它 -- 这次您将不会跳到 div.事实上，锚将保留类 ro
..