项目场景:
项目相关背景:
例如: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>
原因分析:
问题的分析:
例如:第一次点击的时候,由于直接触发了实去焦点功能,导致clear没有清楚掉数据,但是clear方法执行了。
解决方案:
具体解决方案:延迟调用,清空数据
clear(name) {
setTimeout(() => {
this.form[name] = ''
}, 100)
},