欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue實(shí)現(xiàn)input框禁止輸入標(biāo)簽

 更新時(shí)間：2022年04月01日 11:39:49   作者：Ace.半階斗尊  
這篇文章主要介紹了vue實(shí)現(xiàn)input框禁止輸入標(biāo)簽，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

vue input框禁止輸入標(biāo)簽

<input type="search" placeholder="請(qǐng)輸入內(nèi)容" v-model="addTypeVal" :maxlength="5">
<script>
    export default{
         watch:{
            addTypeVal(val){
                let reg = /[^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u2022\u20ac\r\n]/g;
                if(val.match(reg)) {
                   this.addTypeVal = val.replace(reg, '');
                }
            }
        },
    }
</script>

vue input框的禁用和可輸入

input是我們經(jīng)常使用的文本輸入框，在vue中我們可以用v-model來(lái)綁定輸入框的值，但是有時(shí)我們拿到一個(gè)值并通過(guò)v-model綁定到一個(gè)input框里，但是我們只想要顯示這個(gè)值，不能修改，然后在某些特定的情況下在去改變這個(gè)值，這個(gè)時(shí)候就牽涉到文本框的禁用了

<input
 ? type="text"http://綁定的值
 ? v-model="Copy.possWord1"
 ? :readonly="read ? false : 'readonly'"
/>

當(dāng)read=0時(shí)文本框不可用，當(dāng)read=1時(shí)文本框可用

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。 

相關(guān)文章

最新評(píng)論