ElEmentUI選擇器彈出框定位錯亂問題解決(彈出框出現在左上角)

 

這個是原問題,我之前是沒問題的,后來的突然出現了這個問題,查了好多沒找到,后來看文檔才發現的.通過這個問題,說明看文檔的重要性,嘻嘻

解決辦法是在選擇器里插入一個

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

如果沒有用的多刷新幾次.寫成這個樣好像不起作用,

popper-append-to-body="false"

 <el-select v-model="selectroles"
                               multiple
                               :popper-append-to-body="false"
                               placeholder="請選擇">
                      <el-option v-for="(item, index) in roles"
                                 :key="index"
                                 :label="item.namezh"
                                
                                 :value="item.id">
                      </el-option>
                    </el-select>

文檔中這個字段的意思:

popper-append-to-body

是否將彈出框插入至 body 元素。在彈出框的定位出現問題時，可將該屬性設置為 false

boolean

-

true