封装代码及调用参考这篇文章:
uniapp 封装公共方法(无需每个页面引用,直接调用)_前端小胡兔的博客-CSDN博客uniapp 封装公共方法https://blog.csdn.net/weixin_44805839/article/details/131684296?spm=1001.2014.3001.5501
常用方法:
自定义返回页面
(直接使用uni.navigateBack可能会报错: 当页面层级为1时,无法返回,因此自行定义)
//自定义返回页面
goBack: function() {
var pages = getCurrentPages();
if (pages.length > 1) {
uni.navigateBack({
delta: 1, //返回层数,2则上上页
})
} else {
uni.switchTab({
url: '/pages/home/index'
})
}
},
预览图片
(传值可以传(图片数组,index )也可单传图片src)文章来源:https://www.toymoban.com/news/detail-578738.html
//预览图片
previewPic: function(picArray, index) {
if (index == undefined) {
let array = [];
array.push(picItem);
uni.previewImage({
urls: array,
current: array[0]
});
} else {
uni.previewImage({
urls: picArray,
current: index
});
}
},
跳转小程序文章来源地址https://www.toymoban.com/news/detail-578738.html
//navigateToMiniProgram (全屏模式); openEmbeddedMiniProgram (半屏模式)
openEmbeddedIntegralMallMiniProgram: function(url) {
uni.openEmbeddedMiniProgram({
appId: 'xxx',
path: url,
envVersion: 'trial', //跳转体验版(体验版生效)
extraData: {
// 'unionId': this.userInfo.unionId
},
success(res) {
// 打开成功
console.log("跳转成功")
}
})
},
到了这里,关于uniapp 一些常用的公共方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!