我要写详细点,否则下次很容易忘记
写了一个页面,这个页面里面添加了 很多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
}
}
因为公司电脑有限制,在自己电脑才能写博客,故没有截图,潦草了些,完成一个功能之后 之后需要深思,否则还会忘记。
感谢青云,让我在写代码的这个世界里越来越快乐