Tab键导航时焦点顺序不对怎么办？
我做了一个表单，但用Tab键切换输入框的时候，焦点跳来跳去完全不是按页面顺序走的，特别奇怪。
明明HTML是按从上到下的顺序写的，但Tab的时候先跳到最后一个输入框，再跳回中间那个。我试过加tabindex="0"，结果更乱了……
是不是哪里被我搞错了？下面是相关代码：
<form>
<input type="text" id="name" placeholder="姓名">
<input type="email" id="email" placeholder="邮箱">
<button type="submit">提交</button>
<input type="tel" id="phone" placeholder="电话" tabindex="3">
</form>- 1
回答
43浏览
Tab键导航时焦点顺序乱了怎么办？
我做了一个模态弹窗，里面有几个按钮和输入框，但按Tab键时焦点顺序完全不对，有时候直接跳到浏览器地址栏去了。明明元素都在页面上，而且都设置了tabindex，怎么还是不按顺序走？ 我试过把tabind...
- 1
回答
73浏览
Sortable.js 拖拽后怎么获取新的排序顺序？
我用 Sortable.js 实现了一个列表的拖拽排序，但不知道拖完之后怎么拿到最新的顺序。试过在 onEnd 回调里打印 evt.newIndex，但这只能拿到单个元素的位置变化。 有没有办法直接获...
- 2
回答
79浏览
Vant Tabbar切换时页面不刷新怎么办？
我在用 Vant 的 Tabbar 做底部导航，点击不同 tab 时路由能跳转，但页面内容没更新，看起来像是组件被缓存了。我试过加 :key="$route.fullPath" 也没用，是不是 Tab...
- 2
回答
47浏览
UIkit Sortable 排序后怎么获取新的顺序？
我用 UIkit 的 sortable 组件做了一个拖拽排序列表，但拖完之后不知道怎么拿到最新的元素顺序。文档里没太看明白，试了 change 事件但好像没触发？ 我的 HTML 结构大概是这样： &...
- 2
回答
88浏览
Sortable.js 拖拽后顺序变了但数据没更新怎么办？
我用 Sortable.js 做了一个列表拖拽排序，视觉上元素位置确实变了，但我发现背后的数组数据根本没跟着变。我试过在 onEnd 回调里手动 splice 更新数组，但索引总是对不上，拖两下就乱了...
- 1
回答
61浏览
用 sortablejs 拖拽时元素样式错乱怎么办？
我在用 SortableJS 做一个可拖拽排序的列表，但一拖起来元素就跑偏了，原本是 flex 布局横向排列，拖动时却变成竖着堆叠，而且宽度也不对。试过加 transform: translate 不...
- 1
回答
66浏览
UIkit 的 Tab 切换后内容不显示怎么办？
我用 UIkit 做了个 Tab 组件，点击标签能切换 active 状态，但对应的内容区域一直空白。明明 HTML 结构是照着文档写的，也引入了 uikit.min.js，就是不显示内容。 试过把 ...
- 1
回答
60浏览
Vant的Tab切换后内容没更新怎么办？
我在用 Vant 的 Tab 组件做订单列表，三个 tab 分别是“全部”“待付款”“已完成”，但切换 tab 后页面内容没变，还是第一次加载的数据。 我试过在 @change 事件里重新请求接口，但...
- 1
回答
63浏览
Sortable.js在Vue中拖拽后数据不更新怎么办？
我在用Sortable.js做列表拖拽排序，视图能动但data里的数组没变，这咋整？试过@change事件但好像没触发。 这是我的代码： <template> <div ref="l...
- 1
回答
63浏览
pages.json里配置tabBar图标不显示怎么办？
我在uni-app项目里配了tabBar，文字正常显示，但图标死活出不来，本地图片路径也试了好几种写法。 官方文档说用相对路径，我放到了static目录下，代码是这样写的： { "tabBar": {...
你可以在所有需要通过Tab键访问的元素上设置tabindex，并且确保这些值是连续递增的。比如这样：
这样设置后，焦点就会按照你预期的顺序从姓名输入框跳到邮箱输入框，再到电话输入框，最后是提交按钮。
不过，通常情况下，如果你的HTML结构已经是按从上到下的顺序排列的，最好还是尽量避免使用tabindex，让浏览器自动处理焦点顺序，这样代码会更简洁，也更符合无障碍设计的原则。可以优化成不使用tabindex：
这样代码更清爽，也不容易出错。
tabindex="3"搞的鬼。当表单里只有部分元素设置了
tabindex时，浏览器会先把所有tabindex > 0的元素按数字从小到大排一遍，剩下的tabindex="0"或没有设置的在后面按DOM顺序走。所以你现在的顺序实际是：
1. phone（tabindex="3"，数字最大反而最前面）
2. name → email → button（都是默认的0，按DOM顺序）
解决办法有两个：
方法一：把 tabindex 删掉，让phone也用默认的0，这样就按DOM顺序来了。
方法二：统一用 tabindex，给每个元素按顺序排：
一般情况用方法一就行，别手贱乱加 tabindex，浏览器默认的DOM顺序就是最合理的。