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 = place(reg, '');
}
}
},
}
</script>
vue input框的禁⽤和可输⼊
input是我们经常使⽤的⽂本输⼊框，在vue中我们可以⽤v-model来绑定输⼊框的值，但是有时我们拿到⼀个值并通过v-model绑定到⼀个input框⾥，但是我们只想要显⽰这个值，不能修改，然后在某些特定的情况下在去改变这个值，这个时候就牵涉到⽂本框的禁⽤了
input标签placeholder属性<input
type="text"//绑定的值
v-model="Copy.possWord1"
:readonly="read ? false : 'readonly'"
/>
当read=0时⽂本框不可⽤，当read=1时⽂本框可⽤
以上为个⼈经验，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。