html5 plus 环境配置,vue 集成html5 plus

首先要安装一个包 vue-html5plus

npm i vue-html5plus -S

然后配置这个文件

在main.js添加一串代码

var onPlusReady = function (callback, context = this) {

if (window.plus) {

callback.call(context)

} else {

document.addEventListener('plusready', callback.bind(context))

}

}

Vue.mixin({

beforeCreate () {

onPlusReady(() => { this.plusReady = true }, this)

},

methods: {

onPlusReady: onPlusReady

}

})

这样就可以集成html5 plus了

使用方法示例：(获取地理位置)

mounted () {

this.onPlusReady(function () {

plus.geolocation.getCurrentPosition(

this.geoInf, function (e) {

alert('获取位置信息失败：' + e.message)

},

{

geocode: false

} )

})

},

标签：function,vue,callback,plus,html5,context,onPlusReady

来源： https://www.cnblogs.com/luobiao/p/10552030.html