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

资深前端之路2025-01-15 9:32

嗨，我是小路。今天主要和大家分享的主题是"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);
    }
  });

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

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