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 相关文章推荐
JQuery 国际象棋棋盘 实现代码
Jun 26 Javascript
jQuery timers计时器简单应用说明
Oct 28 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
javascript消除window.close()的提示窗口
May 20 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
详解javascript跨浏览器事件处理程序
Mar 27 Javascript
Javascript动画效果(2)
Oct 11 Javascript
JavaScript中定义对象原型的两种使用方法
Dec 15 Javascript
jQuery中图片展示插件highslide.js的简单dom
Apr 22 jQuery
详解Angular6学习笔记之主从组件
Sep 05 Javascript
微信小程序显示倒计时功能示例【测试可用】
Dec 03 Javascript
关于RxJS Subject的学习笔记
Dec 05 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
与数据库连接
2006/10/09 PHP
php生成xml时添加CDATA标签的方法
2014/10/17 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
PHP 布尔值的自增与自减的实现方法
2018/05/03 PHP
浅析jQuery1.8的几个小变化
2013/12/10 Javascript
javascript中全局对象的parseInt()方法使用介绍
2013/12/19 Javascript
window.setInterval()方法的定义和用法及offsetLeft与style.left的区别
2015/11/11 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
2016/02/26 Javascript
jQuery 实现评论等级好评差评特效
2016/05/06 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
2018/06/25 Javascript
js实现简单分页导航栏效果
2019/06/28 Javascript
vue.js+ElementUI实现进度条提示密码强度效果
2020/01/18 Javascript
vant组件中 dialog的确认按钮的回调事件操作
2020/11/04 Javascript
[48:38]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs Secret
2018/03/31 DOTA
Python使用Flask框架获取当前查询参数的方法
2015/03/21 Python
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
Python协程的用法和例子详解
2017/09/09 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
对python 操作solr索引数据的实例详解
2018/12/07 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
Python3+Pycharm+PyQt5环境搭建步骤图文详解
2019/05/29 Python
Ubuntu18.04安装 PyCharm并使用 Anaconda 管理的Python环境
2020/04/08 Python
python如何运行js语句
2020/09/09 Python
Python制作运行进度条的实现效果(代码运行不无聊)
2021/02/24 Python
一套软件开发工程师笔试题
2015/05/18 面试题
物业管理毕业生个人的求职信
2013/11/30 职场文书
校园学雷锋活动月总结
2014/03/09 职场文书
生日宴会主持词
2014/03/20 职场文书
史学专业毕业生求职信
2014/05/09 职场文书
安全环保标语
2014/06/09 职场文书
保险公司开门红口号
2014/06/21 职场文书
公司门卫工作职责
2014/06/28 职场文书
运动与健康自我评价
2015/03/09 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
党小组评议意见
2015/06/02 职场文书