Vue JS選擇添加Z-index CSS屬性

Question

我正在使用https://github.com/sagalbot/vue-select中的 vue js select

我面臨一個問題，其中下拉列表隱藏在某些表單輸入下方。所以我想添加一個z-index但它無法正常工作

       <template>

             <v-select placeholder="Sources....."
                  class="form-group"
                 :on-change="changedAssignment"
                 :value.sync="orderform.assignment_type"
                :options="assignment_types">
             </v-select>

       </template>
       <style scoped="true">

            ul.dropdown-menu{
              z-index: 100;
               position: absolute;
             }


       </style>

但以上仍然沒有解決問題。

我該怎么辦？

Answer 1

不太確定，但我想您需要檢查父元素並更新z-index和位置。

因為.dropdown-menu已經有position: absolute; 和z-index: 1000; 無需覆蓋。