当前位置: 首页 > article >正文

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

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

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

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

一、uniapp常用的方法

1.回退

定义:uni.navigateBack();

2.打电话

定义:uni.makePhoneCall()

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

3.回调

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

uni.$emit('callback');//callback 方法名,不用带括号

4.弹框

定义:uni.showToast

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

5.监听

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

6.移除属性

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

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

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

7.查看图片

定义:uni.previewImage

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

8.复制

定义:uni.setClipboardData

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

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

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


http://www.kler.cn/a/504889.html

相关文章:

  • mysql-5.7.18保姆级详细安装教程
  • 【react】使用antd Table渲染数据遇到的报错问题
  • 【Vim Masterclass 笔记13】第 7 章:Vim 核心操作之——文本对象与宏操作 + S07L28:Vim 文本对象
  • 【day5】Redis持久化之AOF + Redis事务_锁机制
  • Level2逐笔成交逐笔委托毫秒记录:今日分享优质股票数据20250114
  • linux进程
  • C#,入门教程(27)——应用程序(Application)的基础知识
  • JavaScript:模版字符串
  • scons通用构建_生成方法Command
  • 向量数据库如何助力Text2SQL处理高基数类别数据
  • 更新用户密码功能
  • 解决nginx: [emerg] unknown directive “stream“ in /etc/nginx/nginx.conf问题 --九五小庞
  • LeetCode | 解锁数组与字符串的秘密:经典题型详解与高效解法
  • 20250113面试鸭特训营第21天
  • STLG_01_12_程序设计C语言 - 联合体和枚举类型
  • 【AIGC-ChatGPT进阶提示词指令】智慧母婴:打造基于成长树的儿童发展引导系统
  • 【网络云SRE运维开发】2025第3周-每日【2025/01/14】小测-【第13章ospf路由协议】理论和实操解析
  • PPPLib源码阅读
  • 「蓝桥杯题解」数字接龙
  • 石化煤矿智能化转型“硬通货”,遨游防爆手机如何面面俱到?
  • Vue2+OpenLayers实现车辆开始、暂停、重置行驶轨迹动画(提供Gitee源码)
  • UART 串口的全双工模式与 SPI 的全双工模式的区别
  • 达梦数据库数据迁移(mysql迁移到达梦)
  • 4种革新性AI Agent工作流设计模式全解析
  • 力扣cf补题-1【算法学习day.94】
  • 字符串提取数字求和⭐