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

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可以理解是一种封装或是语法糖,本质还是属性和事件组合,根因在属性在组件内部是只读,需要通过事件通知到父组件修改。

相关推荐
ym hyd 11114 分钟前
生鲜超市库存管理信息系统源码 Java+SpringBoot+Vue3 前后分离
java·开发语言·vue.js·spring boot·毕设
FYKJ_201030 分钟前
express绿叶横店短剧推荐与影评分享平台34219-计算机课程设计、毕业设计
java·javascript·vue.js·spring boot·后端·课程设计·express
weishuangyun140 分钟前
小程序制作平台怎么选?三大平台对比!
大数据·开发语言·javascript
Eric.4641 分钟前
毕设实战|SpringBoot+Vue 实现多个系统项目
vue.js·spring boot·课程设计
一颗小芹菜的日常44 分钟前
vue-crack插件是干什么的
前端·javascript·vue.js
小比特-combat1 小时前
LVGL_1(使用示例讲解父子关系)
开发语言·前端·javascript
弯_弯1 小时前
企业知识库 RAG 落地:从 Demo 到生产,四条工程链路与参数级自查
android·java·javascript
月夏1 小时前
Node.js 读 Excel 我踩了 3 个坑,最后一个查遍 Stack Overflow 没答案
前端·javascript
peter67681 小时前
vue学习小结
前端·vue.js·学习
知野小兔1 小时前
JavaScript 数组方法大全(超详细整理)
开发语言·前端·javascript