vue 关闭当前tab页，并更新父组件数据

小果子^_^

已于 2022-12-01 20:09:43 修改

阅读量1.5k

点赞数 1

分类专栏： Vue 文章标签： vue.js javascript

于 2022-12-01 20:08:25 首次发布

本文链接：https://blog.csdn.net/weixin_44021888/article/details/128137866

版权

Vue 专栏收录该内容

61 篇文章 5 订阅

订阅专栏

vue 关闭当前tab页，并更新父组件数据

export default {
	data () {
		return {
			componentKey: 0
		}
	}
},
methods: {
	onSubmit() {
		// 调用后台接口
		// 成功返回数据后，复制下面代码：
		let tabName = this.$store.state.contentTabsActiveName
		this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name !== tabName)
		if (this.$store.state.contentTabs.length <= 0) {
		  this.$store.state.sidebarMenuActiveName = this.$store.state.contentTabsActiveName = 'home'
		  return false
		}
		// 当前选中tab被删除
		let tab = this.$store.state.contentTabs[this.$store.state.contentTabs.length - 1]
		this.$router.push({
		  name: tab.name,
		  params: { ...tab.params },
		  query: { ...tab.query }
		})
		this.componentKey += 1; 
	}
}