vue input禁止输入,vue设置input框不可编辑

　　本文主要介绍了vue实现禁止输入标签的输入框，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

　　 vue输入框禁止输入标签vue输入框禁止输入，可以输入。

vue input框禁止输入标签

　　Type= search placeholder=请输入内容 v-model= add typeval :maxlength= 5

　　脚本

　　导出默认值{

　　观察：{

　　addTypeVal(val){

　　设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， )；

　　}

　　}

　　},

　　}

　　/脚本

vue input框的禁用和可输入

　　Input是我们经常使用的文本输入框。在vue中，我们可以使用v-model来绑定输入框的值，但是有时候我们会得到一个值，通过v-model将其绑定到一个输入框，但是我们只想显示这个值，而不能修改它，然后在一些特定的情况下改变这个值。这一次包括禁用文本框。

　　投入

　　Type=text//绑定的值

　　v-model= copy . posword 1

　　:readonly=read？false:“只读”

　　/

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

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。