html 双层选项卡,vue :ref属性实现双层遍历选项卡功能

93 阅读 0 评论 62 点赞

我是靠谱客的博主合适发带，这篇文章主要介绍html 双层选项卡,vue :ref属性实现双层遍历选项卡功能，现在分享给大家，希望可以做个参考。

vue :ref属性实现双层遍历选项卡功能

html代码：

标题：

内容 {{index}}

vue代码：

toggle(index, items, length) {

for(var i = 0; i < length; i++) {

var string = "this.$refs.tabs" + items + "[" + i + "].style.display='none'"

console.log(string)

eval(string);

}

var string = "this.$refs.tabs" + items + "[" + index + "].style.display='block'"

eval(string);

for(var k = 0; k < length; k++) {

var str = "this.$refs.tab" + items + "[" + k + "].classList.remove('tab-active')";

eval(str);

}

var str = "this.$refs.tab" + items + "[" + index + "].classList.add('tab-active')";

eval(str);

以上就是合适发带最近收集整理的关于html 双层选项卡,vue :ref属性实现双层遍历选项卡功能的全部内容，更多相关html内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。