精华内容
下载资源
问答
  • vue 路由地址不跳转 解决办法

    千次阅读 2020-04-20 14:55:33
    这里写自定义** vue 路由地址不跳转 解决办法 这是我的报错原因,因为我是一个后端开发对vue不了解 我的报错原因是因为: menu.json 中的路径 path:****** name****** 要和路由配置中的保持一致 ...

    这里写自定义**

    vue 路由地址不跳转 解决办法

    在这里插入图片描述这是我的报错原因,因为我是一个后端开发对vue不了解

    我的报错原因是因为:
    menu.json 中的路径 path:****** name****** 要和router下面的文件夹中的index.js(里面配置路由地址的)然后路由配置中的保持一致

    干后端开发也有半年了,第一次写博客,不喜勿喷

    展开全文
  • Vue实现页面跳转

    万次阅读 2018-06-17 17:20:20
    如何点击底部书架跳转到对应的页面 <router-link :to="{name: 'bookshelf', params: { entityId: this.entityId } }" :class="{'flex-item-1':'flex-item-1',cur:tabs[0].isShow}" href="javascript:"> ...

    如何点击底部书架跳转到对应的页面

    <router-link :to="{name: 'bookshelf', params: { entityId: this.entityId } }"
                 :class="{'flex-item-1':'flex-item-1',cur:tabs[0].isShow}" href="javascript:">
                  <span class="tabNav-ico tabNav-book"></span>
                  <span class="tabNav-txt">书 架</span>
    
    </router-link>

    'name': 'bookshelf'表示要跳转的Vue组件名称,名称是在router文件下的index.vue中进行设置。

    {
         path: '/bookshelf',
         name: 'bookshelf',
         component: Bookshelf
    },

    params :{entityId: this.entityId}里面是要传递过去的参数。

    在bookshelf组件接收参数

    this.bookshelfId = this.$route.params.entityId;

    除了使用标签<router-link>进行跳转,还可以使用下面的方法

    <a @click="toIndex" :class="{'flex-item-1':'flex-item-1',cur:tabs[2].isShow}" href="javascript:">
          <span class="tabNav-ico tabNav-home"></span>
          <span class="tabNav-txt">首 页</span>
    
    </a>
    
    toIndex: function(){
            this.$router.push("/?entityId="+ localStorage.getItem("entityId"));
    
    }

    同样可以跳转页面,this.$router.push()方法只有一个参数的时候,代表跳转地址,还可以增加一个参数传值。

    写法:

    this.$router.push({name: "deepReadingDetail", params: {'id': data.id, 'title': data.title}});

    接收参数:

    this.$route.params.title

    需要注意path不能和params一起使用,否则params将无效。需要用name来指定页面。

    或者通过path和query传递参数

    this.$router.push({path: '/book', query: {'id', this.id}})

    页面接收参数使用 this.$route.query.id

    展开全文
  • Vue Router不跳转

    千次阅读 2019-07-09 09:04:31
    我找了很久的bug,又对照以前的项目老看,基本没有错,但是为什么不跳转,后来我发现我干了一件傻事..... 我竟然把要写的主页面覆盖了App.vue这个文件,并且把原格式弄得稀烂。所以致使我整个router都不对,这个...

    我找了很久的bug,又对照以前的项目老看,基本没有错,但是为什么不跳转,后来我发现我干了一件傻事.....

    我竟然把要写的主页面覆盖了App.vue这个文件,并且把原格式弄得稀烂。所以致使我整个router都不对,这个主要的原因是因为我根本没有用到<router-view/>这个标签,当然不跳转了。。。。。。。

    所以建议:

    App.vue这个文件一定不要动,你可以重写一个vue文件然后把默认路由'/'指向你的主页面,但是别瞎重弄app.vue文件,他是祖宗咱别管他了.....

    展开全文
  • 安装了路由模块后没有跳转。 解决: 需要做3件事: 1,配置main.js 2,配置index.js 3,在APP.vue里面加入<router-view> (这个一定要记住)

    安装了路由模块后没有跳转。

    解决:

    需要做3件事:

    1,配置main.js

    2,配置index.js

    3,在APP.vue里面加入<router-view> (这个一定要记住)

     

    <template>
      <div id="app">
        <router-view />
      </div>
    </template>
    
    <script>
    export default {
      name: 'App'
    }
    </script>

     

    展开全文
  • 对于单页应用,官方提供了vue-router进行路由跳转的处理,这篇文章主要给大家介绍了Vue.js实战之利用vue-router实现跳转页面的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
  • 主要为大家详细介绍了vue实现输入框自动跳转功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • vue-router路由跳转created执行页面刷新的解决办法 当使用路由参数时,多个路由绑定同一个组件,再切换页面时,因为多个路由都渲染同个组件,此时不会销毁再创建组件而是会复用组件,这也就导致路由参数发生变化...
  • vue使用之路由跳转

    万次阅读 2018-09-29 18:30:06
    需求:点击按钮,跳转到任意页面(传参) 声明式:&lt;router-link :to="{name:'index'}}"&gt; 或者 &lt;router-link to='/index'&gt; 编程式:router.push(...) 方法一: this.$...
  • 主要介绍了vue中路由跳转不计入history的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Vue简单移动端详情页跳转

    千次阅读 2020-12-23 08:56:43
    Vue移动端详情页跳转 页面布局 首先进行底部导航的布局 需要单独在一个vue组件里面写,切记不要在app.Vue里面写 代码如下 <template> <div> <ul class="dh"> <li> //这个是跳转详情页...
  • vue的a标签不跳转

    2021-03-02 14:53:57
    问题: 在Vue当中使用a标签, 点击跳转后,本应该跳转到www.baidu.com,但是url实际地址是:http://localhost:8080/www.baidu.com。 修改如下: 就可以避免以上问题。 算是遇到一个小坑,记录一下。
  • 如下所示: Vue.use(Router) export default new Router({ mode:'history', routes: [ { path: '/', component: Login }, { path: '/login', component: Login }, ...补充知识:vue-router配置后地址栏输入跳转不
  • vue a标签锚点跳转不改变路由的方式

    千次阅读 2019-01-07 15:37:14
    第一种使用JS模式跳转: &lt;div id="header"&gt; &lt;div @click="goTop"&gt; methods:{ goTop(){ document.querySelector("#header").scrollIntoView(true); }...
  • vue项目的启动、idea启动vue项目、idea运行vue项目、以及vue项目页面跳转逻辑、跳转vue项目页面逻辑
  • 主要介绍了vue实现未登录跳转到登录页面的方法,主要目的是实现未登录跳转,需要的朋友参考下吧
  • Vuevue项目中实现vue-router路由跳转

    千次阅读 2019-04-14 17:51:08
    如我们所知,vue是一个大型...vue项目中的路由跳转有很多种方式,以下且听我细细说来~ 1、首先,vue项目中应该先配置好Vue-Router,才能使用它: 我们使用vue-cli创建项目的时候,在执行vue init webpack {项目名...
  • //详情 点击事件触发 路由 跳转  detail(index) {  this.$router.push({//路由的组件  path: "...,//跳转的地址  query: {//路由跳转,携带的参数  applyNoDetail: this.insuranceList[in...
  • vue页面跳转 想在created 或mounted中 使用初始化函数 成功 eg: Vue 会复用相同组件, 即 /page/1 => /page/2 或者 /page?id=1 => /page?id=2 这类链接跳转时, 将在执行 created,mounted 之类的钩子 1....
  • 搭建VUE项目(三)VUE项目实现页面跳转

    万次阅读 多人点赞 2018-06-27 10:26:17
    打开一个VUE项目,目录结构是这样的:如现在两个页面aaa和HelloWorld,路由配置在index.js中:import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' import ...
  • vue-router页面跳转

    千次阅读 2017-03-28 16:12:57
    vue-router页面跳转Vue-Router的教程地址https://router.vuejs.org/zh-cn/我们在简历项目的时候命令行如下:$ vue init webpack my-project $ cd my-project $ npm install $ npm run dev最新的项目已经自动安装了...
  • 路由参数变化但是页面没有刷新这是Vue的组件复用的默认处理方式 解决办法: 一:想复用的话,就在父组件...但是vue为了提高性能建议每次跳转都刷新组件 二:添加路由监听,路由改变时执行监听方法(推荐) meth...
  • vue-router浏览器跳转

    千次阅读 2017-11-30 17:47:45
    问题一:vue-router单页跳转为什么刷新?我们知道通过vue-router进行页面跳转时,组件会被重新执行,由于变量存在内存中,所以页面不会刷新。但,使用href、window.location进行跳转,产生的history变化,将使得...
  • Vue实现登录跳转

    2019-04-03 16:36:44
    Vue实现登录功能,可以简单的登录跳转,菜单栏以及标题栏的制作,包含退出登录~
  • vue跨页面锚点跳转

    2019-07-13 11:36:25
    从theindex.vue跳转到investment.vue,红色部分就是写入的地方 theindex.vue investment.vue
  • vue组件跳转

    千次阅读 2018-07-14 16:51:14
    最近在使用vue开发,一个vue组件间的跳转方法: 跳转方法实现: jump:function (type) { switch (type) { case 0: this.$router.push('/indexws') break; } }...
  • vue中路由跳转传参数多种,常用的是下面的几种: 通过router-link进行跳转 通过编程导航进行路由跳转 1.router-link &lt;router-link :to="{ path: 'yourPath', params: { key: 'value', // ...
  • vue不同方法跳转页面

    万次阅读 多人点赞 2020-12-30 13:23:34
    vue跳转不同页面的多种方法 1:router-link跳转 <!-- 直接跳转 --> <router-link to='/testDemo'> <button>点击跳转2</button> </router-link> <!-- 带参数跳转 --> <...
  • Vue 使用 vue-router 跳转页面

    万次阅读 2018-03-23 16:48:20
    使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并适合用传统的 href,于是 vue-router 应运而生。 官方文档: https://router.vuejs.org/zh-cn/essentials/getting-started.html...
  • vue项目使用路由跳转,点击第一次时报下图的错误,点击... 不过这个方法我没有尝试,知道没有效果,而且大家也要慎重操作因为。。。 2、在调用push的时候,设置回调函数 this.$router.push({ path: 'Home' }...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 74,002
精华内容 29,600
关键字:

vue路有不跳转

vue 订阅