六行代码写个 Tab 控件

其实之前的方法都不是太聪明(例如我写过的《Vue Tab 组件再探究》,个人认为这种方法,区区六行代码,搞定!

changeTab = function(e) {
	var old = aj('.show');
	old.classList.remove('show');
	old.classList.add('hide');
	
	var el = aj('.config-tab-' + e.selectedIndex);
	el.classList.remove('hide');
	el.classList.add('show');
}

aj() 是查找元素方法,你当他是 $() 就好,推而广之,对于有选中状态的控件,都可以如此思维。

©️2020 CSDN 皮肤主题: 岁月 设计师:pinMode 返回首页