v-model在h函数和jsx下应该如何写

hongkid2024-11-29 15:10

template里面的v-model，在h函数和jsx下应该如何写，例如

javascript 复制代码

<template>
  <el-input v-model="input" placeholder="Please input" />
</template>

用h函数

javascript 复制代码

h(ElInput, {
    modelValue: newText.value,
    "onUpdate:modelValue": (val: string) => {
        newText.value = val;
    },
})

用jsx

javascript 复制代码

<ElInput
        modelValue={newText.value}
        onUpdate:modelValue={(val: string) => (newText.value = val)}
      />

ps：v-model可以理解是一种封装或是语法糖，本质还是属性和事件组合，根因在属性在组件内部是只读，需要通过事件通知到父组件修改。