我要写详细点,否则下次很容易忘记

写了一个页面,这个页面里面添加了 很多a 标签,跳转都是同一个页面,内容不一样,方法

首先 路由 设定好 routes:[

  {
    path:'/aaa',

    name:'A',

    component:HelloWorld
  }

]

跳转的那个页面  a标签 写好 跳转  我用了一个跳转的事件  @click = handleClick('1'),@click = handleClick('2');

并且每个不同页面 引入了 不同的参数

methods:{

  handleClick:function(type){
    this.$router.push('/aaa?type='+type);
  }

}

跳转的那个组件页面 可以用query 去接这个type的值

<template>

  <div>

    <p v-show="this.dataType === ‘1’ ">我是type 为1</p>

    <p v-show="this.dataType === '2' ">我是type 为2</p>

  </div>

</template> 

data(){

  return {

    typeData :''

  }

}

mounted:function(){
  this.getPage();
}

methods:{
  getPage:function(){

    this.typeData = this.$route.query.type

  }
}

 

因为公司电脑有限制,在自己电脑才能写博客,故没有截图,潦草了些,完成一个功能之后 之后需要深思,否则还会忘记。

感谢青云,让我在写代码的这个世界里越来越快乐

posted on 2018-04-10 10:03  祁祁  阅读(151)  评论(0编辑  收藏  举报