更新记录

1.0.0.0（2021-08-27）

初次发布

平台兼容性

• ✨ ✨
• APP热更新

使用说明

• 解压下载的压缩包，将组件放在项目的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
            }
        }
    }

参数

事件