uview的input框，clear没反应的问题

项目场景：

项目相关背景：

例如：uview的input框，点击清楚按键的时候，有时候清楚不掉的问题

---

问题描述

遇到的问题：

例如：第一次点击的时候，直接失去焦点，数据没有清空：

<u-input v-model="form.userName" placeholder="请输入用户名">
	<template slot="suffix">
		<u-icon @click="clear('userName')" v-if="form.userName" name="close-circle-fill" color="#11AC85" size="20"></u-icon>
	</template>
</u-input>
1
2
3
4
5

---

原因分析：

问题的分析：

例如：第一次点击的时候，由于直接触发了实去焦点功能，导致clear没有清楚掉数据，但是clear方法执行了。

---

解决方案：

具体解决方案：延迟调用，清空数据

clear(name) {
	setTimeout(() => {
		this.form[name] = ''
	}, 100)
},
1
2
3
4
5