Ant vue Vue3函数式渲染 v-model问题

349 阅读1分钟

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
				
            })