当前位置: 首页 > news >正文

tabs切换#

1、html

          <el-tabs v-model="tabValue" @tab-change="handleTabClick"><el-tab-pane label="集群" name="1"></el-tab-pane><el-tab-pane label="节点" name="2"></el-tab-pane></el-tabs>

2、js

  import { useRoute, useRouter } from 'vue-router'const route = useRoute()const router = useRouter()  const tabValue = computed(() => {return route.query.type || '1';});const handleTabClick = (item) =>{if (item === tabValue.value) return;router.push({ query: {... route.query, type: item } });}

相关文章:

  • git|gitee仓库同步到github
  • PyCharm 快捷键指南
  • 基于Qt6 + MuPDF在 Arm IMX6ULL运行的PDF浏览器——MuPDF Tools
  • Spring Boot集成RabbitMQ高级篇:可靠性与性能提升
  • 面试题:请解释Java中的设计模式,并举例说明单例模式(Singleton Pattern)的实现方式
  • 解决WSL、Ubuntu的.ico图标不正确显示缩略图
  • 解决IDEA Maven编译时@spring.profiles.active@没有替换成具体环境变量的问题
  • 将本地文件上传到云服务器上
  • Redis+Caffeine构建高性能二级缓存
  • 数据出境的安全合规思考
  • 蓝桥杯13届国赛 2022
  • Java设计模式之代理模式:从入门到精通(保姆级教程)
  • 我开源了一个免费在线工具!UIED Tools
  • 【Jenkins简单自动化部署案例:基于Docker和Harbor的自动化部署流程记录】
  • 【现代深度学习技术】注意力机制05:多头注意力
  • AIGC时代的内容安全:AI检测技术如何应对新型风险挑战?
  • 国产密码新时代!华测国密 SSL 证书解锁安全新高度
  • 鸿蒙 UIAbility组件与UI的数据同步和窗口关闭
  • 【C++】”如虎添翼“:模板初阶
  • 区块链大纲笔记
  • 凡科快图网站/直通车关键词优化口诀
  • 闵行20路/广西seo关键词怎么优化
  • 法院网站建设方案/seo高级教程
  • vps远程桌面服务器租用/seo还有用吗
  • 在线电影网站建设论文/seo教学培训
  • cms系统创建静态网站/站长之家排行榜