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

您的位置:首頁技術(shù)文章
文章詳情頁

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

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

如下所示:

.lazy

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

.number

將輸入轉(zhuǎn)換成Number類型

.trim

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

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

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

<div id='app'> <input type='text' v-model.lazy='message' placeholder='請輸入'> <p>輸入的內(nèi)容是:{{ message }}</p> <input type='text' @input='handleInput' placeholder='請輸入'> <p>輸入的內(nèi)容是:{{ 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會轉(zhuǎn)變?yōu)樵赾hange事件中同步,這時。message并不是實時改變,而是在失去焦點和按回車時才會更新

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

標簽: Vue
主站蜘蛛池模板: 天天拍天天操 | 亚洲人精品 | 成人午夜毛片 | 亚洲精品美女 | 亚洲国产精品自拍 | 男人av的天堂 | 亚洲一区二区三区桃乃木香奈 | 99精品欧美一区二区三区 | 久久aⅴ乱码一区二区三区 亚洲欧美综合精品另类天天更新 | 99精品国产一区二区青青牛奶 | 亚洲精品视频在线播放 | 国产精品久久国产愉拍 | 97国产精品视频人人做人人爱 | 亚洲国产成人精品女人 | 亚洲 欧美 日韩 在线 | 国产高清毛片 | 欧美 日本 国产 | 欧美日本韩国一区二区三区 | 久久av一区二区 | 狠狠操狠狠搞 | 国内久久 | 日本精品久久久久 | 欧美日韩精品中文字幕 | 成人午夜毛片 | 国产精品精品久久久 | 亚洲a在线观看 | 最新伦理片 | 成年人在线视频 | 午夜在线影院 | av在线一区二区三区 | 狠狠干狠狠操 | 中国人pornoxxx麻豆 | 亚洲国产免费 | 99久久免费观看 | 免费午夜视频在线观看 | 看毛片的网站 | 黑人一级黄色大片 | 久久精品国产久精国产 | 91动漫在线观看 | 欧美v日韩v | 天天精品在线 |