vue中v-model与v-bind:value

更新时间:2023-06-20 23:32:30 阅读: 评论:0

亚洲色tu
老虎的资料vue中v-model与v-bind:value
之前⼀直认为,v-model相当于下⽅代码的语法糖,如下:劳动心得作文
在校大学生脸浮肿<h1>{{inputValue}}</h1>
<input type="text" :value="inputValue" @input="inputValue = $event.target.value">
不由分说的意思最近研究element-ui源码时,发现了compositionstart和compositionend⽅法(⽅法有什么⽤,请mdn),才发现v-model应该是下⽅代码的语法糖,与上⽅代码区别在于,当⽤类似于搜狗拼⾳输⼊法时,下⽅代码会在你选中输⼊的汉字时改变inputValue值
卵组词语<h1>{{inputValue}}</h1>
<input type="text" :value="inputValue" @input="(event) => {if (isComposition) {return;}inputValue = event.target.value}"
牙疼怎么止疼最快@compositionstart="isComposition = true"  @compositionend="(event) => {isComposition = fal;inputValue = event.target.value}">

本文发布于:2023-06-20 23:32:30,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/1047574.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:代码   在于   研究   源码   心得   大学生   词语
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图