<input type="search" placeholder="請輸入內(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來綁定輸入框的值，但是有時我們拿到一個值并通過v-model綁定到一個input框里，但是我們只想要顯示這個值，不能修改，然后在某些特定的情況下在去改變這個值，這個時候就牽涉到文本框的禁用了

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

當read=0時文本框不可用，當read=1時文本框可用

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

您可能感興趣的文章:

相關(guān)文章

詳解在Vue中如何使用provide與inject
在vue2.0里面provide與inject是以選項式(配置)API的方式在組件中進行使用的,解決的是跨組件(祖孫)間通信的一種方式，本文就來聊聊它們在Vue中具體的使用吧
2023-03-03
詳解三種方式解決vue中v-html元素中標簽樣式
這篇文章主要介紹了三種方式解決vue中v-html元素中標簽樣式，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-11-11
詳解Vue3中的watch偵聽器和watchEffect高級偵聽器
這篇文章主要介紹了Vue3中的watch偵聽器和watchEffect高級偵聽器,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-08-08
vue插值表達式和v-text指令的區(qū)別
這篇文章主要介紹了vue插值表達式和v-text指令的區(qū)別，{{}}這種語法叫做插值表達式，在插值表達式中可以寫任何合法的js表達式，下面來看看文章是怎么介紹該內(nèi)容的吧,需要的朋友可以參考一下
2021-11-11
Vue Ajax跨域請求實例詳解
這篇文章主要介紹了Vue Ajax跨域請求實例詳解,需要的朋友可以參考下
2017-06-06
vue如何實現(xiàn)el-select下拉選項的懶加載
這篇文章主要介紹了vue如何實現(xiàn)el-select下拉選項的懶加載，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue中三種調(diào)用接口的方法
這篇文章主要介紹了vue中三種調(diào)用接口的方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
Vue 報錯TypeError: this.$set is not a function 的解決方法
這篇文章主要介紹了Vue 報錯TypeError: this.$set is not a function 的解決方法，分享給大家，需要的朋友們下面隨著小編來一起學習學習吧
2018-12-12
Element 默認勾選表格 toggleRowSelection的實現(xiàn)
這篇文章主要介紹了Element 默認勾選表格 toggleRowSelection的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-09-09
vue v-for 點擊當前行,獲取當前行數(shù)據(jù)及event當前事件對象的操作
這篇文章主要介紹了vue v-for 點擊當前行,獲取當前行數(shù)據(jù)及event當前事件對象的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-09-09