av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

Vue的v-model的幾種修飾符.lazy,.number和.trim的用法說明

瀏覽:100日期:2022-12-16 13:08:25

如下所示:

.lazy

并不是實時改變,而是在失去焦點或者按回車時才會更新

.number

將輸入轉換成Number類型

.trim

可以自動過濾輸入首尾的空格

補充知識:vue通過v-model,@input, @v-model.lazy幾種輸入框數據更新方式的區別

在使用v-model時,如果用中文輸入法輸入中文,一般在沒有選定詞組前,也就在拼音階段,Vue是不會更新數據的,當敲下漢字時才會觸發更新。如果希望總是實時更新,可以用@input來代替v-model.

<div id='app'> <input type='text' v-model.lazy='message' placeholder='請輸入'> <p>輸入的內容是:{{ message }}</p> <input type='text' @input='handleInput' placeholder='請輸入'> <p>輸入的內容是:{{ message1 }}</p> </div> <script type='text/javascript'> var app = new Vue({ el: ’#app’, data: { message:’’, message1:’’ },methods:{ handleInput:function(e){ this.message1 = e.target.value //原生的DOM事件 } } }) </script>

而v-model也有修飾符,.lazy會轉變為在change事件中同步,這時。message并不是實時改變,而是在失去焦點和按回車時才會更新

以上這篇Vue的v-model的幾種修飾符.lazy,.number和.trim的用法說明就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
主站蜘蛛池模板: 九九久久这里只有精品 | aaaa日韩| 天天视频成人 | 欧美日韩国产一区二区三区 | 午夜免费视频 | 国产一区二区三区 | 黄网址在线观看 | 久久久久资源 | 男人av网| 国产精品久久久久久久岛一牛影视 | 国产精彩视频在线观看 | 91伊人 | 精品视频一区二区三区 | 国产伦精品一区二区三区精品视频 | 国产福利91精品一区二区三区 | 性色视频 | 国产福利在线播放 | 国产91在线视频 | 一区二区三区日 | 国产欧美一区二区三区在线看 | 国产在线视频一区二区 | 91看片在线 | 香蕉视频在线播放 | 91精品国产99 | 国产精品久久久久久久久久久久 | 中文字幕高清av | 黄色欧美在线 | 中文字字幕在线中文乱码范文 | 亚洲欧美精品国产一级在线 | 福利片在线观看 | 视频1区 | 在线观看免费黄色片 | 日韩精品 电影一区 亚洲 | 欧美一区二区激情三区 | 日韩在线观看视频一区 | 91久久久精品国产一区二区蜜臀 | 日韩精品一二三 | 日韩激情一区 | 免费黄色网址视频 | 成人精品鲁一区一区二区 | 亚洲福利av|