当前位置: 首页 > article >正文

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

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


http://www.kler.cn/a/416465.html

相关文章:

  • Linux的web服务器
  • Node.js的url模块与querystring模块
  • 【AI日记】24.11.29 kaggle 比赛 Titanic-2 | 鼓励自己
  • AI生成式安全威胁:企业数据将如何被重新定义?
  • wordpress使用Markdown语法写的文章图片显示不正常,记录一次折腾之旅
  • 【vue3实现微信小程序】设置项目底部tab页面切换标签
  • 计算机网络——不同版本的 HTTP 协议
  • Webpack 的构建流程
  • 分布式储能监控系统为储能电站高效运维与精细化管理赋能
  • Vue 3 的双向绑定原理
  • go结构体匿名“继承“方法冲突时继承优先顺序
  • doris避坑之端口冲突
  • uniapp在小程序连接webScoket实现余额支付
  • LED室内显示屏的性能优化分析和电压管理
  • 外卖商城平台的微信小程序ssm+论文源码调试讲解
  • Nvidia 推出最新 AI 音频模型,可制作前所未有的声音
  • Hive元数据表解析
  • dbeaver如何批量执行sql脚本
  • 像素流送api ue多人访问需要什么显卡服务器
  • 【Python】Selenium模拟在输入框里,一个字一个字地输入文字