Vue + cssはドロップダウンメニューを実装します

    <div class="dropdown fleft">
      <!-- <button class="dropbtn listxx">更多赛事</button> -->
      <div class="dropbtn listxx">更多赛事</div>
      <div class="dropdown-content">
        <a href="javascript:;" :data-id="item.id" :data-index="index+8" @click="dianjilist($event)" v-for="(item, index) in listqt" :key="index">{
   
   { item.name }}</a>
      </div>
    </div>
2./* 下拉菜单 */

.dropbtn { //ボーダー：なし; // margin-top：3px; カーソル：ポインタ; フォントサイズ：15px; 背景：rgba（0,0,0,0.0）; //概要：なし; }

.dropdown { 位置：相対; //表示：inline-block; }

.dropdown-content { 表示：なし; 位置：絶対; //背景色：＃f9f9f9; 背景：rgba（0,0,0,0.5）; 最小幅：104px; z-index：8888; //ボックスシャドウ：0px 8px 16px 0px rgba（0,0,0,0.2）; }

.dropdown-content a { color：#fff; パディング：12px 16px; テキスト装飾：なし; 表示ブロック; z-index：8888; }

.dropdown-content a：hover { font-weight：bold; }

.dropdown：hover .dropdown-content { 表示：ブロック; }