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 实现窗口的最大化不论什么情况
Sep 03 Javascript
jquery动态添加元素事件失效问题解决方法
May 23 Javascript
jQuery实现Twitter的自动文字补齐特效
Nov 28 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
Jan 22 Javascript
javascript基本包装类型介绍
Apr 10 Javascript
js中string和number类型互转换技巧(分享)
Nov 28 Javascript
AngularJS过滤器filter用法总结
Dec 13 Javascript
vue中路由验证和相应拦截的使用详解
Dec 13 Javascript
Js中使用正则表达式验证输入是否有特殊字符
Sep 07 Javascript
微信小程序实现提交input信息到后台的方法示例
Jan 19 Javascript
ES6 如何改变JS内置行为的代理与反射
Feb 11 Javascript
微信小程序封装自定义弹窗的实现代码
May 08 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长字符串定义方法
2012/07/12 PHP
PHP输出一个等腰三角形的方法
2015/05/12 PHP
php添加数据到xml文件的简单例子
2016/09/08 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
PHP配置ZendOpcache插件加速
2019/02/14 PHP
JavaScript中“过于”犀利地for/in循环使用示例
2013/10/22 Javascript
浅析Node.js查找字符串功能
2014/09/03 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
2014/12/12 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
2016/05/26 Javascript
jQuery实现根据滚动条位置加载相应内容功能
2016/07/18 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
nginx配置React静态页面的方法教程
2017/11/03 Javascript
vue利用axios来完成数据的交互
2018/03/23 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
pygame播放音乐的方法
2015/05/19 Python
Python中pandas模块DataFrame创建方法示例
2018/06/20 Python
python中sys.argv函数精简概括
2018/07/08 Python
django foreignkey(外键)的实现
2019/07/29 Python
简单了解Django ORM常用字段类型及参数配置
2020/01/07 Python
python爬虫中PhantomJS加载页面的实例方法
2020/11/12 Python
html5设计原理(推荐收藏)
2014/05/17 HTML / CSS
芝加哥牛排公司:Chicago Steak Company
2018/10/31 全球购物
DBA的职责都有哪些
2012/05/16 面试题
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的
2015/07/24 面试题
儿科护士自我鉴定
2013/10/14 职场文书
成人毕业生自我鉴定
2013/10/18 职场文书
演讲稿怎么写
2014/01/07 职场文书
工作失职检讨书范文
2014/01/16 职场文书
大学生学习2014全国两会心得体会
2014/03/13 职场文书
代办委托书怎么写
2014/08/01 职场文书
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS
Mysql如何查看是否使用到索引
2022/12/24 MySQL