vue输入框禁止输入,vue设置input框不可编辑
本文主要介绍了禁用和输入vueinput框的问题，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。
目录
输入框被禁用，可以输入一些关于输入框的操作。
input框的禁用和可输入
Input是我们经常使用的文本输入框。在vue中，我们可以使用v-model来绑定输入框的值，但是有时候我们会得到一个值，通过v-model将其绑定到一个输入框，但是我们只想显示这个值，而不能修改它，然后在一些特定的情况下改变这个值。这一次包括禁用文本框。
投入
Type=text//绑定的值
v-model= copy . posword 1
:readonly=read？false:“只读”
/
当read=0时，文本框不可用；当read=1时，文本框可用。
关于输入框的一些操作
关于输入框监听输入失去焦点的事件模板
div class=orderinfo
input type= text v-model= text @ blur= blur()
/div
/模板
脚本
导出默认值{
名称：订单信息，
data() {
返回{
文本：“”
};
},
已安装(){}，
观察：{
//监视输入框的输入
text:函数(val) {
if(值长度0) {
Console.log (show delete )
}否则{
Console.log(“不显示删除”)
}
}
},
方法：{
//失去焦点
模糊(){
console.log(this.text)
}
}
};
/脚本
样式范围的语言=scss
/风格
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。