Vue js选择添加z-index css属性

Question

使用vue js从https://github.com/sagalbot/vue-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和position。

.dropdown-menu已经position: absolute;，而z-index: 1000;无需覆盖。