uniapp开发踩坑

自定义组件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开发踩坑)