Vue.js 锚定到同一组件内的 div
我正在开发 Vue.js 应用程序，但无法将锚点链接到组件内的某个 div. 我有以下锚点: 葡萄牙波尔图 以及以下 div: 我在哈希模式下使用 vue-router. 问题是，每当我单击“porto-button"时，它都会将我重定向到“主页"页面('/') 我使用的是 Vue.js 1.X，我尝试使用历史模式(不带 hashbang 的 URL)，但它在
..
vue-router相关内容
如何使用 vue-router 在 vuejs 中创建 404 组件
我是 vuejs 的新手，我正在使用 vue 进行我的第一个项目.我只是想知道当找不到请求的 url 时，我将如何路由到我的 404.vue 组件. 有什么想法吗? 解决方案 在路由声明中，我喜欢添加: [...{路径:'/404'，组件:未找到}，{路径:'*'，重定向:'/404'}，...] 这意味着如果用户被导航到与任何路由都不匹配的路径，它将被重定向到“404"路由
..
如何使用 Vue-Router 在 Vue 中设置 URL 查询参数
我试图在更改输入字段时使用 Vue-router 设置查询参数，我不不想导航到其他页面，但只想修改同一页面上的 url 查询参数，我这样做: this.$router.replace({ query: { q1: "q1" } }) 但这也会刷新页面并将y位置设置为0，即滚动到页面顶部.这是设置 URL 查询参数的正确方法还是有更好的方法. 编辑: 这是我的路由器代码: 导出默认
..
Vue 2 <保持活动>不使用 <router-view>和钥匙
我将 vue-router 与一系列组件(如选项卡)一起使用.每个 是一个制表符，下面的空格是 .其中两个选项卡是具有不同过滤器的相同组件，假设它们是 products 并且路由器添加了用于过滤的参数:/products/new &/产品/销售. products 内部是单独的 product 组件，它们会在路由打开时安装.我的问题是，当我在路由之间切换并更改过滤器参数时，每次都会重新安装
..
使用 CRUD 设置激活具有多级嵌套路由的路由器链接
我尝试像下面那样设置深度嵌套，我有点确定我们不能在 router-link 中使用 exact 来进行嵌套路由. 仪表板
..
vue-router、nginx 和直接链接
我正在尝试在我的 nginx 服务器上设置 vue-router.我遇到的问题是，如果我直接在浏览器 myapp.com/mypath 中输入 url，我的路线将不起作用. 我已经尝试过 vue 路由器文档中所述的服务器配置 以及关于堆栈溢出的建议类似配置.我当前的nginx位置配置如下: location/{try_files $uri $uri//index.html;}位置/订阅{p
..
Firebase 身份验证和 Vue 路由器
我正在尝试使用 firebase 验证 Vue.js 应用程序. 我有一个问题，如果在登录时尝试直接访问受登录保护的 URL，路由器将加载并检查 auth 状态，然后 firebase.js 有时间返回 auth 响应.这会导致用户被退回到登录页面(当他们已经登录时). 如何延迟 vue-router 导航，直到从 firebase 检索到 auth 状态?我可以看到 firebase
..
如何使用 vue 路由器将对象作为道具传递?
我有以下小提琴 https://jsfiddle.net/91vLms06/1/ const CreateComponent = Vue.component('create', {道具:['用户'，'otherProp']，模板:'
用户数据:{{user}};其他道具:{{otherProp}}'});const ListComponent = Vue.component(
..
如何 VueJS 路由器链接主动样式
我的页面目前有 Navigation.vue 组件.我想让每个导航悬停并处于活动状态.“悬停"有效，但“主动"无效. 这是 Navigation.vue 文件的样子:
..
检测Vue-Router导航卫士中的返回按钮
路线如何改变，对我来说很重要.因此，我想通过浏览器或 gsm 的后退按钮更改路线. 这就是我所拥有的: router.beforeEach((to, from, next) => {if (/* IsItABackButton && */from.meta.someLogica) {下一个(假)返回 ''}下一个()}) 是否有一些我可以使用的内置解决方案来代替 IsItABackB
..
使用程序化导航 Vue.js 传递道具
我有一个 Vue 组件，它有一个名为“title"的道具，例如: 导出默认{道具:['标题']，数据() {返回 {}}} 在某个操作完成后，我以编程方式导航到组件.有没有办法以编程方式路由用户同时设置 prop 值?我知道您可以创建这样的链接: link 但是，有没有办法做类似下面的事情? this.$router.push({ path: '/foo', title: 'test t
..
我们可以在没有 .vue 扩展组件和 webpack 的情况下制作 vue.js 应用程序吗?
注意:我们可以在不使用任何代码编译器的情况下编写 vue.js 大型应用程序吗，就像目前我看到的所有示例现在都使用 webpack 使 vue.js 代码与浏览器兼容. 我想要制作 vue.js 应用程序而不使用 webpack 并且不使用 .vue 扩展名.是否可以?如果可能的话，您能否提供一个链接或示例如何在这种情况下使用路由. 当我们在 .vue 扩展名中制作组件时，可以在 .j
..
如何从 Vue.js 中的 URL 获取查询参数?
如何在 Vue.js 中获取查询参数? 例如http://somesite.com?test=yay. 找不到获取的方法还是我需要使用纯 JS 或一些库来实现? 解决方案 根据route 对象，你可以从你的组件访问一个 $route 对象，它暴露了你需要的东西.在这种情况下 //来自你的组件console.log(this.$route.query.test)//输出 'ya
..
如何在vue路由器上做动态路由?
我的 MainNavBar 组件是这样的: ...
..
Laravel VueJs:`router-view` 不渲染组件
我知道这个网站上有这样的问题，但它们并不能解决我的问题.因此这个问题在这里弹出: 在我的 Laravel 5.3 和 VueJs 应用中，app.js 文件中的 Vue 根实例指向 App.vue 和 App.vue 我有 router-view 占位符.所以我希望页面组件在占位符内呈现，但事实并非如此. 让我显示不同文件中的内容: 在 web.php 我有: Route::g
..
Vue.js - 更新路由器视图
我是 Vue.js 的新手，遇到了这个问题. 我在 App.vue 中有这段简单的代码 {{品牌}} router/index.js 路由数组项如下所示: {路径: '/brand/:brandId',
..
什么是<router-view :key="$route.fullPath">?
我是 Vue.js 的新手，我想我对路由器如何处理以下事情有一些了解: 但我并不真正理解以下行的作用: 我相信路由器视图本身可以确保显示内容，但关键部分是什么意思? 解决方案 参见 特殊属性 - 键 它还可以用于强制替换元素/组件而不是重用它.这在您需要时很有用: 正确触发组件的生命周期钩子 触发转换 $route.fullPath 已定义作为 完整解
..
找不到页面上的 Vue 路由器重定向 (404)
我正在尝试使用 router.beforeEach 全局钩子在未找到的页面上重定向到 404.html，但没有取得多大成功(使用 Vue 和 Vue-路由器 1.0): router.beforeEach(function (transition) {if (transition.to.path === '/*') {window.location.href = '/404.html'} 别的
..
vue-router 可以在新标签页中打开链接吗?
我有一个摘要页面和一个详细信息子页面.所有的路由都是使用 vue-router (v 0.7.x) 实现的，使用程序导航如下: this.$router.go({ path: "/link/to/page" }) 但是，当我从摘要页面路由到子页面时，我需要在新选项卡中打开子页面，就像将 _target="blank" 添加到 标签. 有没有办法做到这一点? 解决方案 我认
..
定义 Vue-Router 路由时访问 Vuex 状态
我有以下 Vuex 商店(main.js): 从 'vue' 导入 Vue从 'vuex' 导入 VuexVue.use(Vuex)//初始化存储const store = new Vuex.Store({状态: {全局错误:''，用户:{认证:假}},突变:{setGlobalError(状态，错误){state.globalError = 错误}}})//初始化应用const app = n
..