vue实现input框禁止输入标签
更新时间：2022年04月01日 11:39:49 作者：Ace.半阶斗尊
这篇文章主要介绍了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时文本框可用
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在vue2.0里面provide与inject是以选项式(配置)API的方式在组件中进行使用的,解决的是跨组件(祖孙)间通信的一种方式，本文就来聊聊它们在Vue中具体的使用吧2023-03-03
这篇文章主要介绍了三种方式解决vue中v-html元素中标签样式，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
详解Vue3中的watch侦听器和watchEffect高级侦听器
这篇文章主要介绍了Vue3中的watch侦听器和watchEffect高级侦听器,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-08-08
这篇文章主要介绍了vue插值表达式和v-text指令的区别，{{}}这种语法叫做插值表达式，在插值表达式中可以写任何合法的js表达式，下面来看看文章是怎么介绍该内容的吧,需要的朋友可以参考一下2021-11-11
这篇文章主要介绍了Vue Ajax跨域请求实例详解,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了vue如何实现el-select下拉选项的懒加载，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue中三种调用接口的方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
Vue 报错TypeError: this.$set is not a function 的解决方法
这篇文章主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
Element 默认勾选表格 toggleRowSelection的实现
这篇文章主要介绍了Element 默认勾选表格 toggleRowSelection的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
这篇文章主要介绍了vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
最新评论