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


Posted in Javascript onDecember 02, 2019

本文实例讲述了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 选择需要使用的模块

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+ 的接口调用。

注意事项

我们在使用这些接口的时候,需要将系统打包成app,否则plus 不能使用。

希望本文所述对大家vue.js程序设计有所帮助。

Javascript 相关文章推荐
Javascript调用XML制作连动下拉列表框
Jun 25 Javascript
javascript 写类方式之九
Jul 05 Javascript
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
JavaScript输入邮箱自动提示实例代码
Jan 13 Javascript
Angular中的Promise对象($q介绍)
Mar 03 Javascript
简介JavaScript中setUTCSeconds()方法的使用
Jun 12 Javascript
手机端转换rem适应
Apr 01 Javascript
详解Vue中状态管理Vuex
May 11 Javascript
移动前端图片压缩上传的实例
Dec 06 Javascript
react native 文字轮播的实现示例
Jul 27 Javascript
jquery层次选择器的介绍
Jan 18 jQuery
优雅地使用loading(推荐)
Apr 20 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 #Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
Dec 01 #Javascript
angular8和ngrx8结合使用的步骤介绍
Dec 01 #Javascript
angular异步验证防抖踩坑实录
Dec 01 #Javascript
如何利用node.js开发一个生成逐帧动画的小工具
Dec 01 #Javascript
Node.js中console.log()输出彩色字体的方法示例
Dec 01 #Javascript
Node.js控制台彩色输出的方法与原理实例详解
Dec 01 #Javascript
You might like
php递归实现无限分类生成下拉列表的函数
2010/08/08 PHP
PHP中的strtr函数使用介绍(str_replace)
2011/10/20 PHP
codeigniter框架批量插入数据
2014/01/09 PHP
PHP常见的6个错误提示及解决方法
2016/07/07 PHP
php中isset与empty函数的困惑与用法分析
2019/07/05 PHP
thinkphp5.1框架模板布局与模板继承用法分析
2019/07/19 PHP
JS 文件本身编码转换 图文教程
2009/10/12 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
2015/08/22 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
jQuery插件制作的实例教程
2016/05/16 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
JavaScript封闭函数及常用内置对象示例
2019/05/13 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
2019/06/19 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
关于element-ui表单中限制输入纯数字的解决方式
2020/09/08 Javascript
Python生成随机密码
2015/03/10 Python
Python中.py文件打包成exe可执行文件详解
2017/03/22 Python
python实现发送邮件及附件功能
2021/03/02 Python
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
Python代码实现删除一个list里面重复元素的方法
2019/04/02 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
python中的列表与元组的使用
2019/08/08 Python
Python udp网络程序实现发送、接收数据功能示例
2019/12/09 Python
Python+OpenCV实现图像的全景拼接
2020/03/05 Python
Python调用SMTP服务自动发送Email的实现步骤
2021/02/07 Python
文明单位申报材料
2014/12/23 职场文书
公司环境卫生管理制度
2015/08/05 职场文书
2015年教师节广播稿
2015/08/19 职场文书
继续教育心得体会(共6篇)
2016/01/19 职场文书