vue使用外部JS与调用原生API操作示例_vue使用原生js - CSDN文库

2.1k 浏览量更新于2023-05-27 评论收藏 40KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

vue 使用外部使用外部JS与调用原生与调用原生API操作示例操作示例

主要介绍了vue 使用外部JS与调用原生API操作,结合实例形式分析了vue.js调用外部JS与原生API相关操作技巧

及注意事项,需要的朋友可以参考下

本文实例讲述了vue 使用外部JS与调用原生API操作。分享给大家供大家参考，具体如下：

vue 使用外部使用外部JS

概要概要

在开发时我们会经常需要使用到外部的JS,这样我们需要引入外部js，然后进行使用。

实现方法实现方法

我们在开发的过程中需要使用到 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

概要概要

我们在开发手机端程序的时候了，我们经常需要使用到拍照，二维码的功能.数字天堂公司提供了大量的原生API支持。

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

实现实现

1.在hbuilder 选择需要使用的模块

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});

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38570406

粉丝: 8
资源: 952

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈