vue运用uniapp框架开发企业微信小程序中常用的一些基础方法

嗨,我是小路。今天主要和大家分享的主题是"vue运用uniapp框架开发企业微信小程序中常用的一些基础方法"。

作为一名程序员,很多代码都是忘了再用,用了再忘。

今天梳理下日常开发中常用到的一些基础的方法,以方便后期开发使用。

一、uniapp常用的方法

1.回退

定义:uni.navigateBack();

2.打电话

定义:uni.makePhoneCall()

javascript 复制代码
uni.makePhoneCall({
    'phoneNumber': '15599999999',//电话号码
  });

3.回调

定义:uni.$emit,触发自定义事件,附加的参数会传递给事件监听器

javascript 复制代码
uni.$emit('callback');//callback 方法名,不用带括号

4.弹框

定义:uni.showToast

javascript 复制代码
uni.showToast({
    'title': '标题',//注意标题长度
    'icon': 'none',//小图标 none 不显示  error 错误图片  success  成功图标
    'duration': 2000,//弹框持续时间
  });

5.监听

定义:uni.on,监听自定义事件,事件可以由 uni.emit 触发

6.移除属性

定义:uni.$off,移除自定义事件监听器;

注意:如果没有指定事件名,则移除所有事件监听器。如果提供事件名,则移除该事件的所有监听器。如果提供了事件名和回调,则只移除这个回调的监听器

javascript 复制代码
uni.$off('callback');// 移除callback属性,通常和on一起使用

7.查看图片

定义:uni.previewImage

javascript 复制代码
uni.previewImage({
    'current': url, // 当前显示图片的http链接
    'urls': imgUrlList // 需要预览的图片http链接列表
  });

8.复制

定义:uni.setClipboardData

javascript 复制代码
uni.setClipboardData({
    'data': text, // 将此处改为你想要复制的文本内容
    success(res) {
      console.log('复制成功','success');
    },
    fail(err) {
      console.error('复制失败', err);
    }
  });

偶尔回顾一下基础知识,加深记忆,有助于快速运用,提高开发效率!

都看到这里了,记得【点赞】+【关注】哟。

相关推荐
知识分享小能手20 分钟前
uni-app 入门学习教程,从入门到精通,uni-app 基础知识详解 (2)
前端·javascript·windows·学习·微信小程序·小程序·uni-app
2501_916008892 小时前
iOS 发布全流程详解,从开发到上架的流程与跨平台使用 开心上架 发布实战
android·macos·ios·小程序·uni-app·cocoa·iphone
风清云淡_A4 小时前
【uniapp】uni.uploadFile上传数据多出一个304的get请求处理方法
uni-app
shykevin4 小时前
uni-app x商城,商品列表组件封装以及使用
windows·uni-app
cesske4 小时前
uniapp 编译支付宝小程序canvas 合成图片实例,支付宝小程序 canvas 渲染图片 可以换成自己的图片即可
小程序·uni-app·apache
Q_Q51100828514 小时前
python+uniapp基于微信小程序的旅游信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
2501_9160074716 小时前
iOS 混淆工具链实战,多工具组合完成 IPA 混淆与加固(iOS混淆|IPA加固|无源码混淆|App 防反编译)
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者818 小时前
FTP 抓包分析实战,命令、被动主动模式要点、FTPS 与 SFTP 区别及真机取证流程
运维·服务器·网络·ios·小程序·uni-app·iphone
2501_9159090621 小时前
iOS 26 文件管理实战,多工具组合下的 App 数据访问与系统日志调试方案
android·ios·小程序·https·uni-app·iphone·webview
盛夏绽放21 小时前
uni-app Vue 项目的规范目录结构全解
前端·vue.js·uni-app