平台兼容性
uni-app
app-vue | app-nvue | app-android | app-ios |
---|---|---|---|
? | ? | ? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | 钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
快应用-华为 | 快应用-联盟 |
---|---|
? | ? |
uni-app x
app-android | app-ios |
---|---|
? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
1.根目录创建文件夹js,将uni-skip.js移入改文件夹
2.main.js中 import uniSkip from './js/uni-skip.js' Vue.prototype.uniSkip=uniSkip
3.App.vue中增加生命周期事件 onUniNViewMessage: function(e) { this.uniSkip.onUniNViewMessage(e) }
vue中使用
this.uniSkip.xxxx({ data:{//要传的数据 a:1, b:2 }, url:'pages/xxx/xxx', ... })
xxxx与uni路由事件同名,如navigateTo 与uni路由事件差别在于传递的参数在data:{} 且navigateBack 也可传递data:{}
vue监听下一页关闭时传递的参数
onShow()中添加 this.uniSkip.watchParams(function(data){ console.log(data)//下一页关闭时传递的参数 })
nvue中使用
import uniSkip from '../../js/uni-skip.js'; Vue.prototype.uniSkip =uniSkip
this.uniSkip.xxxx({ data:{//要传的数据 a:1, b:2 }, url:'pages/xxx/xxx', ... })
nvue监听下一页关闭时传递的参数
created()中添加 this.uniSkip.watchParams(function(data){ console.log(data) //下一页关闭时传递的参数 })
详细用法请看 pages/vue && pages/nvue