这个用ajax来做，参考文档：《前端动态调用模板》

@迅睿开源社区技术-小白：[xss_clean] // 获取所有的 a 标签和 div 标签 var tabs = document.querySelectorAll('a.el-tabs__item.is-bottom'); var contents = document.querySelectorAll('.content'); // 默认第一个 a 标签为激活状态 tabs[0].classList.add('is-active'); contents[0].style.display = 'block'; // 为每个 a 标签添加点击事件 tabs.forEach((tab, index) => { tab.addEventListener('click', function() { // 移除其他 a 标签的 is-active 类 tabs.forEach(tab => { tab.classList.remove('is-active'); }); // 添加 is-active 类到点击的 a 标签 this.classList.add('is-active'); // 隐藏所有的 div 标签 contents.forEach(content => { content.style.display = 'none'; }); // 显示对应的 div 标签 contents[index].style.display = 'block'; }); }); [xss_clean]