H5获取原生传过来的值
项目开发中,可能会涉及到原生页面跳转到H5页面,然后H5页面要返回原生页面,通常使用的方法就会失效:
this.$router.go(-1);
怎么解决呢,这样就需要原生跳转H5页面的时候,在URL里传递一个参数,这里传递的是
souce=schedule;
H5这边获取到这个值,在点击返回的时候,去判断这个值,代码如下:
methods: { goNative() { if (this.schedule === 'schedule') { MobileBackNative(); //调用原生返回方法 } else { this.$router.go(-1);//vue的返回 } } },
goNative为点击返回方法;
这里原生跳转的URL为:
http://xxxxxxxxxxxxxxx?processtype=%E4%BC%9A%E8%AE%AE%E9%80%9A%E7%9F%A5&souce=schedule
这样的;
获取souce的方法 和 vue获取路由里参数的方法一样,如下:
mounted() { this.schedule = this.$route.query.souce; }