使用el-input时和placeholder的过招

1,814 阅读1分钟
事件经过:优化代码时,发现想给input输入框一个提示,但是我的input的框的绑定值,由于要进行运算,所以初始值给了0,又不想动前后的逻辑,所以只能将错就错,再此基础上进行优化(el-input在绑定值为0时,认为value有值,所以不显示placeholder)

思路:

1.判断绑定值的value,如果value等于0,则显示一个假的input框,如果value有值就显示真实的input(假的主要是用于placeholder的显示,真的进行逻辑运算)

image.png

2.当绑定值有值时,真的input显示,同时需要把焦点聚焦,造成用户从始至终只操作了一个input的假象。聚焦使用指令的方式

image.png

以上就是本次的实践过程,欢迎各位大佬指正,抱拳啦!!!!