我创建了 ul-li 下拉菜单。我使用这些标签是因为我添加了标志图标（你会在图片上看到）。所以，当我改变窗口的大小时，ul-element 被缩放，这没关系。但我也想制作可扩展的 li-list。

所以，这是它的样子：

ul-li 列表必须类似于 select-option 下拉菜单。成为“一个”元素。

如您所见，窗口“首选项”可通过内部设置进行缩放，但不能使用 li 元素。

这是scss：

#select-li {
  cursor: pointer;
  padding: 8px;
  font-size: 15px;
  border-bottom: 0.1px solid rgba(0,.1);
}
#select-ul {
  position: absolute;
  cursor: pointer;
  border: 0.1px solid rgba(0,.1);
  border-top: 0;
  background-color: white;
  padding: 12px;
  height: 300px;
  overflow: auto;
  overflow-y:scroll;
} 

无论如何，这里是Vue代码：

<ul v-if="showSortBy" id="select-ul">
   <li
     id="select-li"
     @click="defCountry = country; showSortBy = !showSortBy"
     v-for="country in countries"
     :key="country.key"
    >
     <img :src="country.src" width="18" height="18" alt="">
     {{country.val}}
   </li>
</ul>