uniapp 问题总结,扫码,真机运行调试,横屏展示,plus is not defined,uni.showToast不展示... 等等问题

494 阅读1分钟

这里会列出诸多用uniapp开发时遇到的问题或者一些实用的功能
同时该文章也会持续更新,如碰到类似没看懂文章的可以评论或者私信帮你解决

扫码功能

调用 uni.scanCode api 即可,接收的参数是一个对象
使用方法:

uni.scanCode({
    success: (res) => {
     // 成功时调用,处理数据
    })
})

详细参数和功能使用 scanCode 关键词去搜索就可以了

调用摄像头和相册

调用 uni.chooseImage api 即可,接收的参数是一个对象
使用方法:

//手机真机操作测试才能调用摄像头,相册图片,网页上只能选择图片
getImage() {
    uni.chooseImage({
            count: 1, //默认9
            sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
            sourceType: ['album', 'camera'], //从相册选择、摄像头
            success: function(res) {
                    _this.imgShow = res.tempFilePaths[0]
            }
    });
    // ass()
},

详细参数和功能使用 chooseImage 关键词去搜索就可以了

横屏展示

使用 plus.screen.lockOrientation('landscape-primary'); //锁定同时在pages.json添加配置

"globalStyle": { "pageOrientation": "auto" }

根据需求在不同的地方展示
例如想一打开APP就想展示全屏的话,就在app.vue 里面执行该代码,剩下的根据需要去定
如果是想单独某个页面进行横屏的话,在pages.json 文件里面,需要横屏的页面 style 下 添加"pageOrientation":"landscape" 即可

几种方式的值分别为


    //竖屏正方向
    "portrait-primary",
    //竖屏反方向
    "portrait-secondary",
    //横屏正方向
    "landscape-primary",
    //横屏反方向
    "landscape-secondary",
    //自然方向
    "default"

使用方法:方法中调用 plus.screen.lockOrientation('landscape-primary'); 即可