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

WEB菜鸟
  • 276

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;
    }
    }
回复
阅读 2.3k
1 个回答
WEB菜鸟
  • 276
✓ 已被采纳

必须在全局修改:

1. DOM 远程搜索框设置属性 popper-class="autocomplete"
2. 全局样式:
/* 修改远程搜索框内容自适应 */
.autocomplete.el-popper[x-placement^=bottom]{
     width: fit-content!important;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏