vue怎么实现input框禁止输入标签

这篇“Vue怎么实现input框禁止输入标签”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“vue怎么实现input框禁止输入标签”文章吧。

vue input框禁止输入标签

<input type="search" placeholder="请输入内容" 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是我们经常使用的文本输入框，在vue中我们可以用v-model来绑定输入框的值，但是有时我们拿到一个值并通过v-model绑定到一个input框里，但是我们只想要显示这个值，不能修改，然后在某些特定的情况下在去改变这个值，这个时候就牵涉到文本框的禁用了

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

当read=0时文本框不可用，当read=1时文本框可用

以上就是关于“vue怎么实现input框禁止输入标签”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注编程网精选频道。