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

60 阅读 0 评论 40 点赞

我是靠谱客的博主合适发带，最近开发中收集的这篇文章主要介绍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);

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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