在写下拉框的时候,假如布局已经固定,但是下拉框的文字显示比较长,显示在选中的下拉框无法显示完整,可能给用户不太好的体验,解决办法就是给用户一些感官提示,比如鼠标悬浮的时候将文字信息提示完整
<el-tooltip :content="getSealName" :disabled="form.stampParam.sealId === -1" placement="top-start">
<el-select v-model="form.stampParam.sealId">
<el-option
v-for="item in sealList"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-tooltip>
computed: {
getSealName(){
for(let e of this.sealList){
if(e.id === this.form.stampParam.sealId){
return e.name
}
}
}
}
效果: