android 密码输入框 星号,input密码框输入后设置显示为星号或其他样式
预览效果核心代码{{"*".repeat(text.length)}}:type="type=='number'?'tel':'text'"ref="inputText":style="[star?'':{paddingLeft:'5px'},right?{textAlign:'right'}:'']":class="['text',className]"v-model="value"@keyup
预览效果
核心代码
{{"*".repeat(text.length)}}
:type="type=='number'?'tel':'text'"
ref="inputText"
:style="[star?'':{paddingLeft:'5px'},right?{textAlign:'right'}:'']"
:class="['text',className]"
v-model="value"
@keyup="handelKeyup"
:placeholder="text?'':placeholder"
:maxlength="maxlength" />
watch: {
value(val) {
if(this.star && val){
if(/.*[u4e00-u9fa5]+.*$/.test(val)){
this.value = val.replace(/[u4e00-u9fa5]/gm,'')
return ;
}
this.text += val
if(this.star){
this.value = ''
}
}
}
},
methods: {
handelKeyup(e){
if(e.keyCode==8){
this.text=this.text.slice(0,this.text.length-1)
}
this.$emit("input",this.star? this.text : this.value)
}
}
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
0
0- 0
已为社区贡献3条内容
所有评论(0)