美文网首页
uniapp开发踩坑

uniapp开发踩坑

作者: drneilc | 来源:发表于2022-07-12 10:26 被阅读0次

自定义组件v-model不可以自定义model,只能使用默认的value/input,否则小程序无效

@Model('change', { type: Boolean }) readonly value!: false;
    @Emit('change') change(e: boolean) {}

    public get show() {
      return this.value;
    }
    public set show(val: boolean) {
      console.log('set show', val);

      this.change(val);
    }

    public handleClick() {
      console.log(1, this.closeOnClickOverlay);

      if (this.closeOnClickOverlay) {
        this.show = false;
      }
    }

原本我使用的是自定义的change,h5正常,小程序无效,改为input事件就好了。

自定义弹窗无法覆盖tabBar

小程序的原生tabBar优先级非常高,自定义的弹窗是无法覆盖的,如果要使用,可以选择自定义tabBar或者结合隐藏tabBar api实现,个人更倾向于前一种。

------- 未完待续 --------

相关文章

  • uniapp开发踩坑

    自定义组件v-model不可以自定义model,只能使用默认的value/input,否则小程序无效 原本我使用的...

  • 2022-09-27- uniapp-app 开发踩坑总结

    uniapp-app 开发踩坑总结1、 iOS 设置宽 100% 和 paddding:20rpx 会出现下侧滚动...

  • uniapp踩坑笔记

    前进,前进。 使用cli 会提示模版选择框(不同模版适配程度不同,hello uni-app可以直接运行,有的则不...

  • uniapp 踩坑记录

    uni.makePhoneCall打包后不生效的问题 需要勾选权限android.permission.CALL_...

  • uniapp踩坑记

    首先我是用cli创建的项目 1.项目配置px转rpx 安装postcss-pxtorpx-pro vite.con...

  • Android 日常踩坑

    1、Android NDK开发踩坑 踩坑环境 Android Studio 3.4.1,JDK 1.8 1、为什么...

  • uniapp image app端不显示

    踩坑历程 事情是这个样子的~ uniapp 中的 image 组件中,mode 属性的默认值是 scaleToFi...

  • Flutter 开发记录

    Flutter 开发踩坑记录(干货总结)

  • uniapp 启动图踩坑

    目前公司有个需求 需要在app启动时展示两张图片,在通过baidu了解后,通过增加页面得方式并关闭默认uniapp...

  • Uniapp与golang,使用Protobufjs通讯

    目前以我的感觉,坑差不多踩完了,所以记录下 客户端UniApp,刚开始用官方的protobufjs 生成pb文件,...

网友评论

      本文标题:uniapp开发踩坑

      本文链接:https://www.haomeiwen.com/subject/pnoobrtx.html