更多>
最新下载
门户网站jQuery相册代码
门户网站jQuery相册代码是一款自适应图片尺寸,带缩略图预览,支持方向键翻阅浏览图片,每张图片支持单独的文字描述,支持图集查看和图片列表查看,图片播放完毕后可提示是否重新播放。
0
2026-01-22
Tooltip验证提示HTML5表单
Tooltip验证提示HTML5表单是一款HTML5登录表单验证,表单默认只对输入的长度作验证,你也可以自己修改正则表达式来完成更复杂的表单验证。
0
2026-01-21
css3实现结账Form表单 css3实现结账Form表单网页特效
css3实现结账Form表单是一款纯css3实现的Form表单效果。本作品由【站长素材】收集整理,转载请注明出处!
0
2026-01-21
24小时阅读排行榜
- 1 mysql搭建一个简单的在线商城项目数据库结构设计
- 2 如何安全地过滤 HTML 标签:允许指定标签,移除其余所有(含属性)
- 3 React 中列表渲染的 key 属性冲突问题详解与最佳实践
- 4 Firefox 关键词搜索结合 JavaScript 实现智能行程规划
- 5 css 响应式布局中如何避免内容被遮挡_通过留白与结构调整解决
- 6 如何在本地正确启动 MLflow Tracking Server 并设置实验
- 7 Go 中结构体的零值并非 nil,而是所有字段均被初始化为对应类型的零值
- 8 Firefox 关键字搜索结合 JavaScript 实现智能行程规划器
- 9 如何使用Golang监听TCP端口_Golang net包TCP服务器实践方法
- 10 服务器无法直接写入浏览器 localStorage 的原理与替代方案
- 11 javascript中的事件冒泡和事件捕获是什么?【教程】
- 12 css 伪类选择器和普通选择器区别_状态选择规则说明
- 13 如何在Golang中实现指针切片_Golang slice存储指针示例
- 14 如何正确使用 Pandas 的 droplevel() 删除多级列索引
- 15 如何在Golang环境中配置调试工具_Golang调试环境搭建方法
更多>
最新教程
-
- Node.js 教程
- 15906 2025-08-28
-
- CSS3 教程
- 1545951 2025-08-27
-
- Rust 教程
- 23097 2025-08-27
-
- Vue 教程
- 25566 2025-08-22
-
- PostgreSQL 教程
- 22071 2025-08-21
-
- Git 教程
- 9079 2025-08-21
jQuery多种element-ui标签选项卡插件
js代码
<script type="text/javascript" src="js/vue.min.js"></script>
<script src="js/element.min.js"></script>
<script type="text/javascript">
new Vue({
el: '#myVue',
data() {
return {
activeName: 'second',
activeName2: 'first',
tabPosition: 'top',
editableTabsValue2: '2',
editableTabs2: [{
title: 'Tab 1',
name: '1',
content: 'Tab 1 content'
}, {
title: 'Tab 2',
name: '2',
content: 'Tab 2 content'
}],
tabIndex: 2
}
},
methods: {
handleClick(tab, event) {
console.log(tab, event);
},
addTab(targetName) {
let newTabName = ++this.tabIndex + '';
this.editableTabs2.push({
title: 'New Tab',
name: newTabName,
content: 'New Tab content'
});
this.editableTabsValue2 = newTabName;
},
removeTab(targetName) {
let tabs = this.editableTabs2;
let activeName = this.editableTabsValue2;
if(activeName === targetName) {
tabs.forEach((tab, index) => {
if(tab.name === targetName) {
let nextTab = tabs[index + 1] || tabs[index - 1];
if(nextTab) {
activeName = nextTab.name;
}
}
});
}
this.editableTabsValue2 = activeName;
this.editableTabs2 = tabs.filter(tab => tab.name !== targetName);
}
}
})
</script>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
