更新记录
1.0.0.0(2021-08-27)
下载此版本
初次发布
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.0.0 app-vue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
使用说明
- 解压下载的压缩包,将组件放在项目的components目录下
- 引用组件
import appUpdate from '../../components/app-update/app-update.vue'
使用示例
<appUpdate v-if="show" :upTit="upTit" :infoList="infoList" :downUrl="downUrl" @close="close" @updateSucc="updateSucc" @updateErro="updateErro" @downOver="downOver" @maskClick="maskClick"></appUpdate>
import appUpdate from '../../components/app-update/app-update.vue'
export default {
data() {
return {
show:false,
upTit: '升级标题',
infoList:[
"1.更新了手机爆炸的按钮",
"2.更新了一键格式化手机的按钮"
],
downUrl:"https://www.baidu.apk",//模拟APK地址,非真实地址
}
},
onLoad() {
this.downUrl = "https://dldir1.qq.com/music/clntupate/QQMusic72282.apk"
this.isUpdate()
},
components:{
appUpdate
},
methods: {
isUpdate(){
//模拟调用后端接口来判断是否要更新APP
// let res = await isUpdate({
// verson:plus.runtime.version
// })
// if(res.data.code==200){
// this.updateFlag = true
// }
// console.log(plus.runtime.version, "当前APK的版本号")
//只在自定义基座和打包出的APP可以看到正确的版本号
this.show = true
},
open(){
this.show = true
console.log(this.show)
},
close(){
console.log("关闭弹窗")
this.show = false
},
updateSucc(){
console.log("监听安装成功")
},
updateErro(){
console.log("监听安装失败")
},
downOver(){
console.log("监听文件下载成功")
},
maskClick(){
console.log("遮罩层呗点击")
this.show = false
}
}
}
参数
参数名 |
说明 |
类型 |
upTit |
更新标题 |
string |
----- |
infoList |
更新信息 |
Array |
----- |
事件
参数名 |
说明 |
类型 |
close |
点击暂不更新 |
function |
----- |
maskClick |
遮罩层点击 |
function |
----- |
downOver |
资源下载完毕 |
function |
----- |
updateSucc |
安装成功 |
function |
----- |
updateErro |
安装失败 |
function |
----- |