uni-app的这些个uniappx的方法也整起啊

发布于 1周前 作者 sinazl 来自 Uni-App

uni-app的这些个uniappx的方法也整起啊

https://doc.dcloud.net.cn/uni-app-x/api/unipage.html#setpagestyle 比如可以手动设置页面的下拉刷新是否生效这些,很大的需求呀!!!自己修改用js修改–$page.meta.enablePullDownRefresh–虽然生效,但是设置为true之后下拉状态的圈没有了。。不要抛弃uniapp啊。。。嘛,看了下源码,因为是在onMounted的时候设置的变量,导致在卸载之后又重新挂载变量没有重新设置导致变量是之前的了。。我自己改源码解决了

2 回复

嘛,去把dist-x里面的这个 watch(
() => pageMeta.enablePullDownRefresh,
(enablePullDownRefresh) => {
if (enablePullDownRefresh) {
nextTick(() => {
initElement();
});
}
}
); 复制到dist的h5.es.js一样的位置就ok了。。。


当然,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,通过一套代码可以发布到 iOS、Android、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)、H5、以及各种 App(如快应用)等多个平台。uni-app 提供了一些特定的 API 和方法,比如 uni 对象下的各种方法,以及针对跨平台开发的独特功能。

你提到的 uniappx 方法可能是指 uni-app 扩展或平台特定的 API,不过官方文档中并没有直接提到 uniappx 这个命名,但我们可以探讨一些常用的 uni 对象下的方法以及如何在 uni-app 中使用它们。

以下是一些常用的 uni 对象方法的代码示例:

1. 调用系统相机或相册

uni.chooseImage({
    count: 1, // 默认9
    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
    success: function (res) {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths;
        console.log(tempFilePaths);
    }
});

2. 网络请求

uni.request({
    url: 'https://example.com/api/data', //仅为示例,并非真实的接口地址
    method: 'GET',
    data: {},
    header: {
        'content-type': 'application/json' // 默认值
    },
    success: (res) => {
        console.log(res.data);
    },
    fail: (err) => {
        console.error(err);
    }
});

3. 显示 Toast 提示框

uni.showToast({
    title: '成功',
    icon: 'success',
    duration: 2000
});

4. 导航到 TabBar 页面

uni.switchTab({
    url: '/pages/index/index'
});

5. 获取系统信息

uni.getSystemInfo({
    success: function (res) {
        console.log(res.model);
        console.log(res.pixelRatio);
        console.log(res.windowWidth);
        console.log(res.windowHeight);
    }
});

这些示例展示了 uni-app 中一些常用的 API 方法,通过这些方法你可以实现拍照、上传图片、网络请求、显示提示框、页面导航和系统信息获取等功能。这些 API 方法是跨平台的,能够在不同的运行环境中保持一致的行为。如果你有特定的需求或问题,可以提供更多细节,以便给出更具体的代码示例。

回到顶部