vue项目中使用H5+

最新推荐文章于 2024-08-27 12:05:51 发布

前端小李

最新推荐文章于 2024-08-27 12:05:51 发布

阅读量6.3k

点赞数

分类专栏： vue 文章标签： vue javascript

本文链接：https://blog.csdn.net/qq_43287934/article/details/106429841

版权

vue 专栏收录该内容

26 篇文章 2 订阅

订阅专栏

需要用到H5Plus 的地方首先需要：

methods:{
// 扩展API准备完成后要执行的操作  
  plusReady () {
    var ws = plus.webview.currentWebview(); //pw回车可输出plus.webview  
  },
}
created () {
// 扩展API是否准备好，如果没有则监听“plusready"事件  
  if (window.plus) {
    this.plusReady()
  } else {
    document.addEventListener('plusready', this.plusReady, false) // 
  }
}

比如在项目中需要调用拍照的方法：

<button @click="getImage">调用拍照</button>
    <button @click="getCurrentPosition">获取位置信息</button>
    <button @click="pickDate">选择日期</button>
    <button @click="animateWindow('pop-in')">首页</button>

getImage() {
      let cmr = plus.camera.getCamera(); // 获取摄像头对象
      let res = cmr.supportedImageResolutions[0]; // 字符串数组，摄像头支持的拍照分辨率
      let fmt = cmr.supportedImageFormats[0]; // 字符串数组，摄像头支持的拍照文件格式
      console.log("Resolution :" + res + ", Format: " + fmt);
      cmr.captureImage(
        path => {
          alert("调用成功: " + path);
        },
        error => {
          // 拍照操作失败的回调函数
          alert("调用失败: " + error.message);
        },
        { resolution: res, format: fmt } // 摄像头拍照参数
      );
    }

打包