vue跟html5有关,Vue如何使用html5plus

迈不过友情╰ 2022-10-07 08:58 309阅读 0赞

vue开发移动端app，做版本更新，下载安装包后自动安装。用html5+但是不成功，有没有大神知道解决办法。

以下是我的代码

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

\}

\})

\*\*\*\*.vue

// 下载apk文件

downloadApk(url) \{

console.log(url);

let that = this;

plus.runtime.openURL(url);

const dtask = plus.downloader.createDownload(

url,

\{ filename: "\_doc/update/" \},

function(d, status) \{

if (status === 200) \{

// 安装apk资源包

that.installFlag = true;

that.path = d.filename;

\}

\}

);

dtask.start();

\},

// 安装apk

installApk() \{

this.onPlusReady(() => \{

this.installFlag = false;

window.plus.nativeUI.showWaiting("安装更新");

window.plus.runtime.install(

this.path,

\{\},

function() \{

window.plus.nativeUI.closeWaiting();

window.plus.nativeUI.alert("更新完成！", function() \{

// 更新完成后重启应用

window.plus.runtime.restart();

\});

\},

function(e) \{

window.plus.nativeUI.closeWaiting();

window.plus.nativeUI.toast("安装更新失败！");

\}

);

\});

\},

打包成app在手机上测试不成功

发表评论取消回复

表情：

评论列表（有 0 条评论，309人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML VUE

name: '张三',name: '李四',name: '王武',

素颜马尾好姑娘i/ 2024年04月22日 22:14/ 0 赞/ 25 阅读

相关【Vue Router】009-HTML5 History 模式

1.9 HTML5 History 模式 1.9.1 概述 `vue-router` 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 UR

ゝ一纸荒年。/ 2023年10月01日 11:35/ 0 赞/ 14 阅读

相关 html5简介_HTML5简介

html5简介 ![htmlcss2thumb][] The following is an extract from our book, [HTML5 & CSS3 fo

左手的ㄟ右手/ 2022年12月03日 09:43/ 0 赞/ 339 阅读

相关有关于html5 css3,别担心，有HTML5、CSS3在

HTML5和CSS3热潮正横扫网络，从事互联网行业，特别是前端工作者，大家或多或少都有了解、学习和使用，HTML5和CSS3包含丰富的技术内容，在每周的技术分享交流会中，页面构

喜欢ヅ旅行/ 2022年10月09日 00:46/ 0 赞/ 154 阅读

相关 vue跟html5有关,Vue如何使用html5plus

vue开发移动端app，做版本更新，下载安装包后自动安装。用html5+但是不成功，有没有大神知道解决办法。以下是我的代码 main.js var onPlusRead

迈不过友情╰/ 2022年10月07日 08:58/ 0 赞/ 310 阅读

相关 vue（HTML5本地存储：localStorage）

localStorage.setItem('studentName',res.data.name);//写入localStorage数据 this.studen

朴灿烈づ我的快乐病毒、/ 2022年10月02日 04:51/ 0 赞/ 233 阅读

相关 HTML5

此篇收录HTML5的关键知识点，也是常见的面试题 HTML5是什么 HTML5新增了哪些内容 Web Storage是什么cooki

￡神魔★判官ぃ/ 2022年07月12日 23:48/ 0 赞/ 238 阅读

相关 HTML5

HTML5 了解HTML5 HTML5 是 HTML 标记语言的一个最新版本 HTML5 制定了web应用开发的一系列标准, 成为第一个将web作为应用

小咪咪/ 2022年06月12日 06:18/ 0 赞/ 232 阅读

相关 HTML&HTML5

HTML&HTML5 学习笔记职坐标网上视频课程 ![这里写图片描述][SouthEast] ![这里写图片描述][SouthEast 1] ![这里写图片描述

梦里梦外;/ 2022年06月05日 07:46/ 0 赞/ 387 阅读

相关 html5使用svg

html5使用svg 创建svg文件： <?xml version="1.0" standalone="no"?> <!DOCTYPE svg P

系统管理员/ 2022年04月03日 05:47/ 0 赞/ 276 阅读