-
Vue3官方文档
1.v-model
v-model 指令扩展为 modelValue 和 onUpdate:modelValue 在模板编译过程中,我们必须自己提供这些 props:
export default {
props: ['modelValue'],
emits: ['update:modelValue'],
render() {
return h(SomeComponent, {
modelValue: this.modelValue,
'onUpdate:modelValue': (value) => this.$emit('update:modelValue', value)
})
}
}
ant v-model 渲染方式
ant 中modelValue对应的参数为value,官方issue解释了ant统一使用value去接收,因为官方没有指明modelValue是标准,欢迎去拍砖
const options = [
{ label: 'test1', value: '1' },
{ label: 'test2', value: '1' }
]
const currentValue = ref()
h(Select, {
value: currentValue,
'onUpdate:value': (value) => (currentValue.value = value),
options: options
})