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

原创于 2024-11-27 15:02:18 发布 · 914 阅读

CC 4.0 BY-SA版权

文章标签：

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

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

用h函数

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

用jsx

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

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