子组件中声明: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,不然绑不上