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