使用组件代码

需要用到的地方
说明:
.sync 修饰符(这个地方是一个重点,子组件也会引用到)

<wallet-dialog :dialogWallet.sync="dialogWallet"></wallet-dialog>

会被扩展为:

<wallet-dialog :dialogWallet="dialogWallet" @update:dialogWallet="val => dialogWallet= val"></wallet-dialog>

封装组件代码

封装组件代码

注意点:

  • props子属性props:[‘dialogWallet’] //是否弹窗
  • 关闭弹窗:dialogClose(){ this.$emit('update:dialogWallet', false); },
    这个$emit第一个参数必须要跟使用组件的代码引入一致,否则有可能出现第一次能关闭第二次打不开的问题。
Logo

前往低代码交流专区

更多推荐