el-form el-input禁用时,内容过长加省略号，并根据是否有省略号来控制提示是否显示_vue3 el-input禁用时内容显示不完

作者：繁依Fanyi0 | 2024-02-16 07:51:03

踩

vue3 el-input禁用时内容显示不完

vue项目，el-form详情表单，直接给表单禁用了。
input禁用时是无法监听鼠标进入函数的！mouseenter和mouseover都监听不到。只读可以监听到。
我根据百度帖子部分网友的推荐，在el-input外套一层元素。可以监听元素的鼠标移入事件，一层层获取到input.el-input__inner。然后做判断，控制提示显示与否。

<el-form-item label="" prop="name" >
     <el-tooltip :content="name" :disabled="!showTooltip">
          <span @mouseenter="vc">
               <el-cascader
                   v-model1
2
3
4

本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/91844