input密码框输⼊后设置显⽰为星号或其他样式预览效果
核⼼代码
<div class="text-input" :class="right?'textinput-right':''">
<span : v-if="star">{{"*".repeat(text.length)}}</span>
网站设计步骤<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)
}
}