VUE从一个页面传值到另一个页面

VUE从一个页面传值到另一个页面

方法一：通过路由进行数据的传参：

前提：自己已经定义了路由，并可以实现页面的跳转

//自己声明一个方法employeesdetails(id){this.$router.push({//添加需要传值到那个页面的路径path:'/employeesdetails/employeesdetails', //携带需要传递的参数query:{id:id}})},

在另一个页面接受数据

var id = this.$route,query.id;console.log(id);

方法二：组件传值：

1，在当前页面的部分代码

html部分：

<!--在父组件的子组件使用标签上，通过自定义属性传递变量--><ordertable ref="msg"></ordertable>

js部分：

//导入组件import ordertable from './table.vue'export default {data() {return {}},//定义组件components:{ordertable,},mounted(){//父组件调用到子组件的方法this.$refs.msg[0].findAllorder(this.activeName);},methods: {handleClick(tab, event) {console.log(tab, event);// console.log(this.$refs.msg[tab.index],'---==');this.$refs.msg[tab.index].findAllorder(this.activeName);}}}

2，在另一个页面中的部分代码：

js部分：

//直接接受参数findAllorder(name){console.log(name);}