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

相关推荐
A923A3 分钟前
【小兔鲜电商前台 | 项目笔记】第八天
前端·vue.js·笔记·项目·小兔鲜
echome88821 分钟前
JavaScript Promise 与 async/await 实战:5 个高频异步编程场景的优雅解决方案
开发语言·javascript·ecmascript
摸鱼仙人~1 小时前
Math.js 使用教程
开发语言·javascript·ecmascript
wuhen_n2 小时前
LangChain Agents 实战:构建智能文件管理助手
前端·javascript·人工智能·langchain·ai编程
. . . . .2 小时前
抽象语法树 AST
javascript
zero15973 小时前
TypeScript 快速实战系列:基础入门|TypeScript 核心语法 1 小时吃透(必备基础)
javascript·typescript·大模型编程语言
清风絮柳3 小时前
65.少儿英语微信小程序
vue.js·spring boot·微信小程序·小程序·毕业设计
zzginfo4 小时前
JavaScript 解构赋值
开发语言·javascript·ecmascript
邂逅星河浪漫5 小时前
【JavaScript】==和===区别详解
java·javascript·==·===
Dxy12393102165 小时前
JavaScript 如何捕获异常:从基础到进阶的完整指南
开发语言·javascript·udp