Vue 使用 element 組件庫解決 el-autocomplete 下拉框寬度的問題

最近有一個需求，是使用element組件庫的 el-autocomplete 組件，實現輸入框聯想功能，在使用的過程中發現一個問題，就是聯想的下拉框里面如果每一項的數據太長，就會被默認隱藏掉。

但是現在想要的是，不想讓他隱藏，所以去改element組件庫CSS樣式。

找到了，改了，沒用！特別好！麻蛋！

解決辦法

給 el-autocomplete 組件加上下面屬性

:popper-append-to-body="false"

然后在修改他的寬度，讓他自適應。

/deep/ .el-autocomplete-suggestion{
  width: auto!important;
}

完成！全部展示完整，不在自動隱藏了就