两个页面传数据的方法

来源:互联网 发布:ubuntu系统百度云 编辑:程序博客网 时间:2024/06/11 03:57

1。首先跳转页面的方法,可以通过以下几种方法:

下面是如何返回上个页面

<a href="" @click.prevent="$router.go(-1)">返回</a>

下面是通过a标签跳到某个链接
其中url为路径

<a href="url">111</a>

下面是通过router-link

<router-link to="url">2222</router-link>

还可以用$router来跳转,其中name为携带过去的数据,下面用的是字符串拼接

his.$router.push('url' + name)

11。还有,第一种params参数是以路径形式将数据传给目标页面,

this.$router.push({path: '/ershou', params: {village: name}})

目标页面以

this.id = this.$route.params.village

来接受发送过来的数据

22。第二种query参数是以 ?问号value=value值&&id=id值 的形式将数据传给目标页面

this.$router.push({path: 'oldDetail', query: {id: ids}})

目标页面以

this.id = this.$route.query.id

来接受发送过来的数据
新手上路,不喜勿喷

阅读全文
0 0
原创粉丝点击