嗨,我是小路。今天主要和大家分享的主题是“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);
}
});
偶尔回顾一下基础知识,加深记忆,有助于快速运用,提高开发效率!
都看到这里了,记得【点赞】+【关注】哟。