通过Proxy代理uni相关方法,包装为Promise后返回
代码如下:
/**
* 版本:1.0.0
* @author i@tech.top
* 有问题和疑问可以发邮件联系~
*/
// 使用proxy转换为异步化的uni方法
const uniAsync = new Proxy({}, {
get(target, name) {
return (obj) => new Promise((resolve, reject) => {
uni[name]({
...obj,
success: ret => {
resolve(ret)
},
fail: err => {
reject(err)
}
})
})
}
})
export default uniAsync
在main.js中引用
// uni异步化
import uniAsync from '@/js_sdk/i-uni-async/uni-async.js'
// 设置到prototype
vue.prototype.$uniAsync = uniAsync
使用方法,在页面或者组件中调用,支持所有uni方法!
// 以getImageInfo为例
export default {
data() {
return {}
},
methods: {
async test() {
const image = await this.$uniAsync.getImageInfo({
src: ‘http://xxx.com/images/xxx.png’
})
console.log(image.path)
}
}
}
最后附上插件地址:https://ext.dcloud.net.cn/plugin?id=880
相比Web平台, Vue.js 在 uni-app 中使用差异主要集中在两个方面: 新增:uni-app除了支持Vue实例的生命周期,还支持应用启动、页面显示等生命周期
main.js中添加,点击列表按钮打开新页面,子页面获取传过来的值,子页面点击将值传给父页面
uni-app的框架,配置:page.json,manifest.json,package.json,vue.config.js。脚本,应用程序,main.js。日志打印,定时器,生命周期,页面,页面通讯
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!