Vuejs2 VueJs:Bootstrap Vue如何禁用选项卡标题和导航引导中的按钮

Vuejs2 VueJs:Bootstrap Vue如何禁用选项卡标题和导航引导中的按钮,vuejs2,bootstrap-4,bootstrap-vue,Vuejs2,Bootstrap 4,Bootstrap Vue,我正在为我的应用程序尝试引导vue选项卡。我想禁用所有选项卡单击,但想使用导航按钮在选项卡中导航 但是,当我尝试增加选项卡索引时,它会自动再次设置为零 是否有任何方法可以禁用选项卡单击,但通过“上一步”和“下一步”按钮进行导航 newvue({ el:“#应用程序”, 数据:{ 索引:0 } }) 名称 表内容2 表内容3 以前的 下一个 当前选项卡:{{tabIndex}} 根据我的理解,您希望通过单击“下一步”和“上一步”按钮来导航,而不是单击选项卡名称。下面是一个工作示例。希望能有帮

我正在为我的应用程序尝试引导vue选项卡。我想禁用所有选项卡单击,但想使用导航按钮在选项卡中导航

但是,当我尝试增加选项卡索引时,它会自动再次设置为零

是否有任何方法可以禁用选项卡单击,但通过“上一步”和“下一步”按钮进行导航

newvue({
el:“#应用程序”,
数据:{
索引:0
}
})

名称
表内容2
表内容3
以前的
下一个

当前选项卡:{{tabIndex}}
根据我的理解,您希望通过单击“下一步”和“上一步”按钮来导航,而不是单击选项卡名称。下面是一个工作示例。希望能有帮助

newvue({
el:“#应用程序”,
数据:{
索引:0
}
})

.disabledTab{
指针事件:无;
}
名称
表内容2
表内容3
以前的
下一个

当前选项卡:{{tabIndex}}
根据我的理解,您希望通过单击“下一步”和“上一步”按钮来导航,而不是单击选项卡名称。下面是一个工作示例。希望能有帮助

newvue({
el:“#应用程序”,
数据:{
索引:0
}
})

.disabledTab{
指针事件:无;
}
名称
表内容2
表内容3
以前的
下一个

当前选项卡:{{tabIndex}}
工作正常!谢谢你简短而甜蜜的回答。非常好用!谢谢你简短而甜蜜的回答。