那些你没注意到却很实用的uniapp原生api方法

694 阅读1分钟

该文章是个人在使用uniapp开发中总结的几个常用方法以及使用场景,如果有其他的欢迎大家补充

详细过程可以看官方文档:uniapp原生api方法

1.uni.setClipboardData复制功能(剪切板)

需求:点击按钮或者长按文本复制邀请码或者链接

设置系统剪贴板的内容

uni.setClipboardData({
    data: 'hello',
    success: function () {
        console.log('success');
    }
});
//data是需要复制的内容,success成功回调函数

2.uni.getClipboardData粘贴功能(剪切板)

需求:将剪贴板最新的复制内容填入输入框,如长按粘贴、点击粘贴

获取系统剪贴板内容

uni.getClipboardData({
success: function (res) {
        //把返回的内容显示在页面上即可
        console.log(res.data);
    }
});

3.uni.makePhoneCall(OBJECT)拨打电话。

在应用中点击拨打跳转到手机系统拨打电话页面

需求:拨打用户电话或者联系客服、商家

uni.makePhoneCall({
    phoneNumber: '110' //电话号码
});

4.uni.getNetworkType获取网络类型

判断用户使用的网络是234G状态还是WiFi状态或者无网络

需求:判断资源对否需要在WiFi环境下自动下载,以及不同网络下的不同操作,提示无网络等

uni.getNetworkType({
    success: function (res) {
        console.log(res.networkType);
    }
});

5.uni.getSavedFileInfo获取本地文件的文件信息

获取到应用占用手机的多少内存以及文件路径

需求:显示应用所占内存,文件预览、打开文件等

uni.getSavedFileList({
  success: function (res) {
    console.log(res.fileList);
  }
});

6.uni.removeSavedFile删除本地存储的文件

删除该应用保存在本地的文件

需求:APP清除应用缓存(一般与第五点搭配使用,先获取内存占比后清理内容重新获取)

uni.removeSavedFile({
filePath: res.fileList[0].filePath,
complete: function (res) {
    	console.log(res);
    }
});