解決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>

問題如下圖:在這裏插入圖片描述
解決方案::
使用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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章