使用版本: "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>