移动端H5-给文本框加入清空按钮

最新推荐文章于 2022-07-20 11:12:13 发布

monglove09

最新推荐文章于 2022-07-20 11:12:13 发布

阅读量1.1k

点赞数

分类专栏：移动端H5

本文链接：https://blog.csdn.net/u012201879/article/details/103408167

版权

移动端H5 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

 <input v-model="ownerName" type="text" maxlength="16" placeholder="请输入申请人姓名 " @focus="userFocus()" @blur="userBlur()" autocomplete="off">
				<van-icon class="close_icon" name="clear" color="#9f9f9f"  size="18px" v-show="this.ownerName" @click="closeValue('user')" />

<script>
	data() {
		  return {
		  		ownerName：""
		  }
    },
    methods: {
		 //清空文本框值
		 closeValue(item){
					switch(item){
						case 'user':
							this.ownerName="";	
						break;
						
						case 'plate':
							this.plateNumber="";	
						break;
						
						case 'code':
							this.verifyCode="";	
						break;
					}
		  }	    	  
    }
</script>