Vue中使用element el-autocomplete远程搜索弹出框下拉样式，popper-class修改无效！

Question

1.上代码：

<!-- 远程搜索 -->
                <el-autocomplete
                  v-model="row.name"
                  popper-class="isFuck"
                  :fetch-suggestions="querySearchAsync"
                  placeholder="请输入工器具名称"
                  @select="handleSelect(row, $index)"
                >
                </el-autocomplete>

.isFuck{
    div{
          width:fit-content!important;
    }
    }

Answer 1

必须在全局修改：

1. DOM 远程搜索框设置属性 popper-class="autocomplete"
2. 全局样式：
/* 修改远程搜索框内容自适应 */
.autocomplete.el-popper[x-placement^=bottom]{
     width: fit-content!important;
}