关于vue返回上个页面如何携带参数的方法
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
1,我们可以在项目中新建一个空实例对象,作为中央数据总线,用来传递和接收数据,具体如下
新建一个文件夹
- eventListener文件夹在src中,然后新建js文件,命名为listener(可以随意命名)
内容如下
import Vue from ‘vue’
var eventLIister = new Vue({});
export default eventLIister
2)在要传递数据的页面
import listener from ‘@/eventListener/listener .js’
返回函数(点击信息列表之后触发的函数)
returnBack(index,map){
listener. e m i t ( ′ b a c k H i s ′ , m a p [ i n d e x ] ) t h i s . emit('backHis',map[index]) this. emit(′backHis′,map[index])this.router.go(-1)
}
//这边传递的数组map也可以直接把接收后台数据的那个传过去,这边可以通过id或者下标都可以
3)在页面上因为带参不知道是哪一个所以该函数需要传下标和map
@click=’ returnBack(index,map)’
4)因为map是我自己申明的变量,消息列表的数据是从后台拿取的,所以可以拿一个值来接收,在用map来把拿到的数据映射出来,然后点击哪个返回的就是对应的数据
2,在要接收数据的页面如下写
import listener from ‘@/eventListener/listener .js’
created(){ //因为我这边一返回就要拿到数据, o n 里 面 的 b a c k H i s 就 是 k e y , 后 面 的 d a t a 就 是 传 过 来 的 数 据 / / 然 后 在 根 据 页 面 所 需 要 的 给 数 据 进 行 赋 值 渲 染 到 页 面 l i s t e n e r . on里面的backHis就是key,后面的data就是传过来的数据 //然后在根据页面所需要的给数据进行赋值渲染到页面 listener. on里面的backHis就是key,后面的data就是传过来的数据//然后在根据页面所需要的给数据进行赋值渲染到页面listener.on(‘backHis’,function(data){
console.log(data)
})
}
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)