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