当前位置: 首页 > Web前端 > HTML

UI框架系列-input

时间:2023-04-02 16:41:00 HTML

1.实现input输入框内容过长的tooltip提示。直接引入tooltip组件,输入时也会显示提示框。所以需要判断只有当输入内容超过时才显示提示框。html注意:使用@mouseover.native需要添加native来注册native事件,否则事件不会生效。jsmethods:{inputOnMouseOver(e){consttarget=e.target;if(target.offsetWidth10){//显示tooltipthis.showTooltip=false}else{this.showTooltip=true}效果截图:尾声水纹天蓝色太阳海边红色的