input密码框输⼊后设置显⽰为星号或其他样式预览效果
核⼼代码
<div class="text-input" :class="right?'textinput-right':''">
<span : v-if="star">{{"*".repeat(text.length)}}</span>input框禁止输入
<input
:type="type=='number'?'tel':'text'"
ref="inputText"
:
:class="['text',className]"
v-model="value"
@keyup="handelKeyup"
:placeholder="text?'':placeholder"
:maxlength="maxlength" />
</div>
watch: {
value(val) {
if(this.star && val){
if(/.*[\u4e00-\u9fa5]+.*$/.test(val)){
this.value = place(/[\u4e00-\u9fa5]/gm,'')
return ;
}
< += val
if(this.star){
this.value = ''
}
}
}
},
methods: {
handelKeyup(e){
if(e.keyCode==8){
<=slice(length-1)
}
this.$emit("input",this.star? : this.value)
}
}

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