vue3中h函数中传入emits的值

子组件中声明:update:app方法 

const emits = defineEmits(['update:app'])

const options = [
  {
    key: 'height',
    label: "高度",
    span: 6,
    render: () => h(NInputNumber, {
      value: model.value.height, onUpdateValue: (e: number | null) => {
        model.value.height = e as number
        emits('update:app', model.value)
      }
    })
  }, {
    key: 'width',
    label: "宽度",
    span: 6,
    render: () => h(NInputNumber, {
      value: model.value.width, onUpdateValue: (e: number | null) => {
        model.value.width = e as number
        emits('update:app', model.value)
      }
    })
  }
]

 父组件中使用h函数动态绑定

    public renderPanel(component: Component) {
        console.log(component)
        return h(component, {
            app: this,
            ['onUpdate:app']: (e: any) => {
                console.log(e)
                this.canvasController.style = {
                    ...this.canvasController.style,
                    ...e
                }
            }
        })
    }

注意:方法前面一定要加上小写on,不然绑不上

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值