• 计划经济不是产生于利益交换之上的计划经济。说白了,计划经济就是为人民服务的计划经济。要养活14亿,甚至24亿中国人的经济。 2019-08-16
  • 《陕西省县域经济社会发展监测考评办法》解读 2019-08-15
  • 人民日报召开习近平新闻思想理论研讨会 2019-08-15
  • 境外媒体:中国商务部严批美方“反复无常,挑起贸易战” 2019-08-08
  • 摇滚 徒步 露营:端午节共赴一场朝山盛会 有你吗? 2019-08-06
  • 让办证群众跑十几趟 宁都这黄所长“黄”了 2019-08-06
  • 乌鲁木齐举办端午戏曲交响音乐会 两团一院名角新秀齐亮相 2019-07-31
  • 平陆县纪委监委 对新遴选人员进行岗前“充电” 2019-07-31
  • 临汾市通报8起群众身边腐败问题典型案例 2019-07-29
  • 做强茶企 告别“大而不强” 2019-07-28
  • BBC记者挑战中国天网行人识别系统 潜逃7分钟后被抓获 2019-07-28
  • 首届化工行业舆论风险管理高峰论坛 2019-07-28
  • 回复@老老保老张工:那只能证明你的智商不达标!对于计划经济的构想,咱敢说强坛没有一个人比咱考虑得更周全!伪高工排在一个筋斗云之外! 2019-07-17
  • 燕赵晚报:“选座社交”别把个人信息当卖点 2019-07-17
  • 【访民情 惠民生 聚民心】多措并举拓宽村民脱贫路 2019-07-16
  • 郑州网站建设,郑州网站制作,郑州做网站,巩义网站建设,荥阳网站建设,偃师网站制作-全栈网络

    网站制作中vue-router进行name路由绑定及跳转方法

    网站制作中vue-router进行name路由绑定及跳转方法

    时间: 2019-01-12 分类: 网站代码 浏览次数:

    四川快乐12前三走势图 www.mas07.com 在网站制作,项目开发中,使用vue进行 vue-router 路由设置及绑定中,经?;嵊玫铰酚傻膎ame属性绑定设置,那么具体是如何使用你的呢? 一.使用name进行vue-router路由绑定 1.在vue-router中...

    在网站制作,项目开发中,使用vue进行vue-router路由设置及绑定中,经?;嵊玫铰酚傻膎ame属性绑定设置,那么具体是如何使用你的呢?
    网站制作中vue-router进行name路由绑定及跳转方法

    一.使用name进行vue-router路由绑定
    1.在vue-router中to路由没有进行name绑定时:
    在vue中,在一个路由写法规则中,我们使用to来进行路由绑定,一般写法如下:
    <router-link to="about">关于网站制作</router-link>
    而在router文件中,我们的vue路由写法如下:
    import about from “@/components/about”
    routes:  [{path: '/about',component: about}],


    2.在vue-router中to路由使用name进行绑定时:
    在具体的组件页面中,我们可以改造router-link中 to的写法,代码如下:
    <router-link :to="{name:'aboutLink'}">关于网站制作</router-link>
    而在vue跳转路由界面写法如下:
    routes:  [{path: '/about',name: 'aboutLink',component: about}],

    二.路由跳转到上一个浏览的页面,代码如下:
    <button @click="goToMenu">点击跳转</button>
    <script>
    export default{
      methods:{
         goToMenu(){
              this.$router.go -1
         }
      }
    }
    </script>

    三.指定路由跳转到指定的网站中某个页面

    <script>
    export default{
      methods:{
         goToMenu(){
              this.$router.replace("/index")
         }
      }
    }
    </script>

    四.指定路由跳转到指定的网站中name名字绑定的页面
    <script>
    export default{
      methods:{
         goToMenu(){
              this.$router.replace({name:"aboutLink"})
         }
      }
    }
    </script>

    五.通过push进行路由跳转
    <script>
    export default{
      methods:{
         goToMenu(){
              this.$router.push("aboutLink")
              this.$router.push({name:"aboutLink"})
         }
      }
    }
    </script>

    以上就是关于在网站制作中,vue-router使用中如何对路由进行name绑定及路由跳转问题,大家可以简单参考一下。

    本文关键词: vue-router 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络



    郑州网站建设|郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|偃师网站制作-全栈网络
  • 计划经济不是产生于利益交换之上的计划经济。说白了,计划经济就是为人民服务的计划经济。要养活14亿,甚至24亿中国人的经济。 2019-08-16
  • 《陕西省县域经济社会发展监测考评办法》解读 2019-08-15
  • 人民日报召开习近平新闻思想理论研讨会 2019-08-15
  • 境外媒体:中国商务部严批美方“反复无常,挑起贸易战” 2019-08-08
  • 摇滚 徒步 露营:端午节共赴一场朝山盛会 有你吗? 2019-08-06
  • 让办证群众跑十几趟 宁都这黄所长“黄”了 2019-08-06
  • 乌鲁木齐举办端午戏曲交响音乐会 两团一院名角新秀齐亮相 2019-07-31
  • 平陆县纪委监委 对新遴选人员进行岗前“充电” 2019-07-31
  • 临汾市通报8起群众身边腐败问题典型案例 2019-07-29
  • 做强茶企 告别“大而不强” 2019-07-28
  • BBC记者挑战中国天网行人识别系统 潜逃7分钟后被抓获 2019-07-28
  • 首届化工行业舆论风险管理高峰论坛 2019-07-28
  • 回复@老老保老张工:那只能证明你的智商不达标!对于计划经济的构想,咱敢说强坛没有一个人比咱考虑得更周全!伪高工排在一个筋斗云之外! 2019-07-17
  • 燕赵晚报:“选座社交”别把个人信息当卖点 2019-07-17
  • 【访民情 惠民生 聚民心】多措并举拓宽村民脱贫路 2019-07-16
  • 欢乐斗地主腾讯官方版 腾讯10分彩开奖走势图怎么看 双色球基本走势图带坐标 重庆幸运农场100走势图 浙江飞鱼彩票历史开奖结果 11选5前2组选 qq游戏十三水叫什么 安徽十一选五任五遗漏 六合彩图片 幸运28北京28开奖结果 期六合彩特码 湖南彩票兑奖中心 19年双色球历期开奖结果 奥门赛马会 11选五任选6胆拖