tab点击切换不使用判断条件进行不同tab的切换刷新

注:我这里使用的antd vue ui

html 复制代码
<a-card :bordered="false">
  <a-tabs v-model="current" @change="callback" style="width: 15%">
    <a-tab-pane key="receivable" tab="应收账单">
	<!-- 这里写组件 组件的ref要和tab的key一致-->
	</a-tab-pane>
    <a-tab-pane key="meet" tab="应付账单" force-render> </a-tab-pane>
  </a-tabs>
</a-card>
javascript 复制代码
data() {
    return {
      current: 'receivable',
      },
     },
methods: {
    callback(key) {
      this.current = key
      this.$nextTick(() => {
      	// 这里就是触发相应的组件响应事件。
        // this.$refs[`${this.current}`].load()
      })
    },
  }
相关推荐
hahala23338 分钟前
ESLint 提交前校验技术方案
前端
夕水30 分钟前
ew-vue-component:Vue 3 动态组件渲染解决方案的使用介绍
前端·vue.js
Winwin32 分钟前
js基础-数据类型
javascript
Winwin33 分钟前
哈?Boolean能作为回调函数?
javascript
我麻烦大了33 分钟前
实现一个简单的Vue响应式
前端·vue.js
Shartin37 分钟前
CPT208-Human-Centric Computing: Prototype Design Optimization原型设计优化
开发语言·javascript·原型模式
独立开阀者_FwtCoder41 分钟前
你用 Cursor 写公司的代码安全吗?
前端·javascript·github
dme.1 小时前
Javascript之DOM操作
开发语言·javascript·爬虫·python·ecmascript
Cacciatore->1 小时前
React 基本介绍与项目创建
前端·react.js·arcgis
摸鱼仙人~1 小时前
React Ref 指南:原理、实现与实践
前端·javascript·react.js