vue 返回上一页传参_H5页面与微信小程序相互跳转并传参(web-view)

H5页面用vue2.全家桶写的。

一、vue代码编写vue中路由的编写

1)vue init webpack test

2)/src/router/index.js中引入路由组件

import Index from 'src/components/index/index'

import Search from 'src/components/search/search'

3)/src/router/index.js中定义路由

{

path: '/index',

component: Index,

meta: {

title: '首页'

}

},

{

path: '/search',

component: Search,

meta: {

title: '搜索'

}

}

小程序web-view的src的地址就是：XXX/#/index 和 XXX/#/search。

2. 小程序web-view的src指向的H5页面自定义标题vue-wechat-title​www.npmjs.com

1)npm install vue-wechat-title --save

2) 在main.js中引入：

import VueWechatTitle from 'vue-wechat-title'

Vue.use(VueWechatTitle)

3)App.vue中

4)路由定义，见1中3)的meta。