溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue 使用外部JS與調用原生API操作示例

發(fā)布時間:2020-09-29 18:07:17 來源:腳本之家 閱讀:344 作者:自由港 欄目:web開發(fā)

本文實例講述了vue 使用外部JS與調用原生API操作。分享給大家供大家參考,具體如下:

vue 使用外部JS

概要

在開發(fā)時我們會經常需要使用到外部的JS,這樣我們需要引入外部js,然后進行使用。

實現(xiàn)方法

我們在開發(fā)的過程中需要使用到 sha256 將用戶的密碼進行加密傳輸。

我們對js進行一點點改造。

function sha256_digest(data) {
  sha256_init();
  sha256_update(data, data.length);
  sha256_final();
    return sha256_encode_hex();
}
export {sha256_digest}

像這個代碼,我們需要加一行代碼,將這個js方法導出。

export {sha256_digest}

在使用的時候我們引入JS.

import { sha256_digest } from "@/assets/sha256.js"

我們可以導入一個或者多個方法,這里導入了一個方法。

這樣在代碼中使用就好了

sha256_digest(this.user.password)

調用原生API

概要

我們在開發(fā)手機端程序的時候了,我們經常需要使用到拍照,二維碼的功能.數(shù)字天堂公司提供了大量的原生API支持。

http://www.html5plus.org/doc/

實現(xiàn)

1.在hbuilder 選擇需要使用的模塊

vue 使用外部JS與調用原生API操作示例

2.在組件代碼中調用相應的API接口。

比如拍照:

takePhoto(){
      var _self=this;
      var cmr = plus.camera.getCamera();
      var fmt = cmr.supportedImageFormats[0];
      cmr.captureImage( function( path ){
        plus.io.resolveLocalFileSystemURL(path, function(entry) {
            var tmpPath= entry.toLocalURL();
            var fileAry=[];
            fileAry.push(tmpPath);
            _self.compressImg(fileAry);
        })
       },
       function( error ) {},
       {format:fmt});
     }

plus 就是H5+ 的接口調用。

注意事項

我們在使用這些接口的時候,需要將系統(tǒng)打包成app,否則plus 不能使用。

希望本文所述對大家vue.js程序設計有所幫助。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經查實,將立刻刪除涉嫌侵權內容。

AI