天天看點

解決element-ui中carousel走馬燈Tab鍵的問題

使用版本:

"element-ui": "^2.11.1"

問題重制:

carousel走馬燈中如攜帶

a

标簽,按

tab

鍵會觸發功能與樣式的錯誤,如下代碼所示:

<el-carousel arrow="never" :autoplay="false" indicator-position="none">
    <el-carousel-item>
         這是第一個item
    </el-carousel-item>
     <el-carousel-item>
        這是第二個item
      <el-link type="primary">預設連結</el-link>
    </el-carousel-item>
  </el-carousel>
           

問題如下圖:

解決element-ui中carousel走馬燈Tab鍵的問題

解決方案::

使用

tabindex="-1"

,忽略tab導航

<el-carousel arrow="never" :autoplay="false" indicator-position="none">
  <el-carousel-item>
       這是第一個item
  </el-carousel-item>
   <el-carousel-item>
      這是第二個item
    <el-link type="primary" tabindex="-1">預設連結</el-link>
  </el-carousel-item>
</el-carousel>
           

繼續閱讀