<div class="navSearch" id="navSearch" v-show="searchShow">
<div class="searchBox">
<el-input
v-model="input3"
placeholder="请输入要查找的专利"
class="input-with-select"
:suffix-icon="Search"
>
<template #prepend>
<el-select
v-model="select"
class="selectInput"
collapse-tags-tooltip:true
collapse-tags:true
:title=title
ref="feiRefs"
@change="handleChange"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
:disabled="item.disabled"
/>
</el-select>
</template>
</el-input>
</div>
</div>
const options = [
{
value: 'Option1',
label: 'Option1',
},
{
value: 'Option2aa',
label: 'Option2',
},
];
const { proxy } = getCurrentInstance()
const handleChange = (() => {
nextTick(() => {
title.value=proxy.$refs.feiRefs.selectedLabel
})
})
.navSearch {
width: 21.5%;
height: 60px;
display: flex;
align-content: center;
margin-right: -278px;
.searchBox {
margin: auto;
}
.selectInput {
width: 80px;
font-family: SourceHanSansCN-Regular;
font-size: 10px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
background-color: white;
cursor: pointer;
}
.searchBut{
border: 0px;
}
:deep(.el-input-group__append ){
background-color: white;
}
.el-input__inner{
cursor: pointer;
text-overflow: ellipsis;
overflow: hidden;
}
:deep(.el-input__inner) {
cursor: pointer;
text-overflow: ellipsis;
overflow: hidden;
}
}