vuejs实现一个简单的tab切换，你会怎么做？ (please show me code）^_^)

yyss8 1楼•4 个月前

做一个不显示的button 然后绑上keyup事件更改其他几个按钮的样式不就好了

切换 index ，根据 index 值来绑定对应 button 的 active 状态…我被 react 带坏了…

yuelau 3楼•4 个月前作者

@yyss8 ,keyup? 不显示button按钮？真不知这是一种什么样的实现方式？ please show me coding^_^…

yuelau 4楼•4 个月前作者

@DevinXian ，我知道的有两种方式，这是一种，只是不知道你的写法与我的写法是否一致，please show me code^_^…

yyss8 5楼•4 个月前

用对象或者数组创建这些按钮然后每个都绑定上keyup.tab以及样式

然后每次按tab就触发更改

yuelau 6楼•4 个月前作者

@yyss8 ,感谢show me code。但是我不知道你的完整代码是不是如下图所示的那样（如果是，代码存在bug的，开始点击第3个按钮试试？）：

@yuelau 你这是在模板里用的vue？貌似很少人这么用

yuelau 8楼•4 个月前作者

@hezhongfeng ，这是一个html，用作演示。 vue通常怎么用？

通常难道不是写jsx？

@yuelau .vue文件组件的这种形式