vue-router相关内容
我有一个使用 Bootstrap 的网站布局,如下所示(它需要保持这样):
这给了我整个网站的两列:
..
我一直在使用 Vue、Vuex 和 Vue-Router 处理一个问题.我正在构建一个闪存卡应用程序,在创建主应用程序时获取所有卡片,然后使用 Vuex getter 通过其作为路由参数传递的 id 获取每张卡片. 相关位: App.vue 出口默认{成分: {'app-header':标题,},数据() {返回 {}},创建(){this.$store.dispatch('getA
..
我已经使用 vue-cli 工具和 webpack 模板创建了 vuejs 项目. vue init webpack my-project 我不知道如何在带有模板的路由上实现延迟加载 目前我在 router/index.js 中有两条路由 从'vue'导入Vue从“vue-router"导入路由器从 '@/components/HelloWorld' 导入 HelloWorld从“@
..
我正在尝试在 vue 2.6 应用程序中使用 useRoute 但它未定义: import { useRoute } from 'vue-router'console.log('useRoute is',useRoute) 我的 package.json: “@vue/composition-api":“^1.0.0-rc.5",“vue":“^2.6.12",“vue-router":“^
..
我在 vue 组件文件中有一个如下所示的链接. {{单词}} 我在 index.js 文件中的路由设置如下 导出默认的新路由器({模式:'历史',路线:[{小路: '/',组件:主体},{ 路径:'/word/:id',name: '词',组件:字}]})
..
我正在创建一个自定义插件,它使用 vuex 和 vue-authenticate 封装了一堆身份验证功能. 我遇到的问题是找出将模块加载和安装到 VueJS 的正确方法,我不确定是我的 webpack 或 vuejs 知识缺乏,但到目前为止我有以下内容 /node_modules/plugin/index.js 从'vue'导入Vue从 'vuex' 导入 Vuex从“./route
..
如果没有使用vue-router,可以在声明new Vue() 时将store传递给子组件 但我同时使用 vue-router 和 vuex.在这种情况下,如何使 store 可用于 components.例如我的 store.js 是典型的: 从'vue'导入Vue从 'vuex' 导入 Vuex从'jwt-decode'导入jwt_decode从 'axios' 导入 axios从 'v
..
我正在尝试根据当前屏幕的尺寸有条件地将“xs10"类应用于包含我的菜单的 v-flex.到目前为止,我已经得到了这样的东西: ..数据() {返回 {menuSmall: this.$vuetify.breakpoint.mdAndUp}} 但它不起作用.我是 Vue.js + Vuetify 的新手,但我猜这是因为 menuSmall 没有在每次屏幕调整大小时重新计算和重新呈现.我是否需要将
..
我已经安装了 vue-router(在 Laravel 项目中),然后尝试使用它: 从 'vue-router' 导入 VueRouterVue.use(VueRouter) 然后我明白了: [Vue 警告]:beforeCreate 钩子中的错误:“TypeError: this._router.init is not a function" 有趣的是,之前一切正常,但突然开始收到这条消
..
我试图删除 hashbang,我通过在 vue-router 的索引文件中添加 mode:'history' 来实现的: 导出默认的新路由器({模式:'历史',路线:[{小路: '/',name: '达克什',成分:达克什},{路径:'/关于',name: '关于',组件:关于},{路径:'/工作',name: '工作',组成部分:工作}]}) 然后当我在热重载模式下尝试它时运行良好,但是在运
..
我是 VueJS 和前端开发的新手.我希望将道具(在本例中为我俱乐部的 ID)传递给我的组件/视图. 它最初使用 .我的组件调用一个道具“id",我的视图,命名为 club 有参数 props:true; 稍后快进,我不得不添加命名视图.(我现在只添加了一个 - 但我会有一个视图内容和一个导航). mode: 'history',基础:process.env.BASE_URL,lin
..
我有一个像这样加载 Vue、Vue-Router 和 Vue-Cookies 的路由器 index.js 文件: 从'vue'导入Vue;从 'vue-router' 导入路由器;从 'vue-cookies' 导入 VueCookies;Vue.use(路由器);Vue.use(VueCookies); 然后我像这样定义我的所有路线: const router = new Router({
..
我想在我的页面中获取用户来自哪个页面. 目前,我想在我的 created() 或mounted() 页面中获取此信息.使用 this.$router 或 this.$route 但它们都不包含此信息. 我知道在导航守卫中,我们可以使用这个: router.beforeEach((to, from, next) => { }) 要知道页面来自哪里,但我不想使用 router.befo
..
有没有办法渲染来自 ajax 响应的组件?例如,我注册了一个组件“Test",在 ajax 响应中我有: 虚拟段落
另一个虚拟段落
我的最终目标是制作一个短代码,让用户在内容区域插入路由器链接. 我使用的是 Vue 2,vue 路由器 编辑:这是一个演示 https://jsfiddle.net/Pauliu
..
在我的网站上,我有一个导航,其中包含一些类别和嵌套导航锚.如何在 vue-router 中对这些路由进行分组?我想出的最好方法是为每条路线放置一个元数据,然后按它分组. 解决方案 我是这样用的(看那个component: { render: h => h('router-view') }): {//============================================
..
我试图通过检查用户是否通过身份验证来保护我的路线,这是示例路线: {路径:'/内网',组件:搜索,元: { requiresAuth: true },道具: {税:'类型',术语:'内网邮递',名称:'内网'}}, 我是这样设置警卫的: router.beforeEach((to, from, next) => {if (to.matched.some(record => record.me
..
我想在出现 401 时重定向用户,但我无法从此上下文访问 router: Vue.http.interceptors.push(function(request, next) {//继续下一个拦截器下一个(功能(响应){如果(响应.状态== 401){//将用户重定向到这里//尝试过:Vue.$router 和 Vue.$route}});}); 我该怎么做? 使用:Vue-route
..
我在 SPA 中已经有一个可以工作的 404 处理程序.这里的问题是例如谷歌链接到不再存在的旧页面.虽然用户会看到一个自定义的 404 组件,但我认为 google 会得到 200 OK 并继续认为该页面是有效的. {小路: '*',name: '未找到',组件:未找到//404} 我让服务器重新路由到/并让 vue 使用 History 处理路由: 重写引擎开启RewriteCon
..
我需要有关配置 IIS 服务器和 Vue 2 应用程序的帮助,我刚刚在 Windows IIS 7 服务器 上安装了带有生产版本的 vue 2 应用程序,并且一切正常,仅一件事不起作用:当我尝试打开任何带有用 vue-router 编写的链接“example mysite.com/somepage"的页面时,我看到 404 错误,但是如果我点击菜单链接工作好的,如果您只输入主网址 mysite.c
..
我是 vue 的新手,现在正在使用它的路由器.我想导航到另一个页面,我使用以下代码: this.$router.push({path: '/newLocation', params: { foo: "bar"}}); 然后我希望它在新组件上 this.$route.params 这不起作用.我也试过: this.$router.push({path: '/newLocation'});t
..