后台-element-plus的eltableColumn设置全局属性

codingFunTime

已于 2023-05-09 08:59:10 修改

阅读量517

点赞数

分类专栏： key后台项目文章标签：前端 vue.js javascript

于 2023-02-27 11:17:03 首次发布

本文链接：https://blog.csdn.net/hktkkkk/article/details/129238014

版权

key后台项目专栏收录该内容

19 篇文章 0 订阅

订阅专栏

vue3写法

main.ts

import ElementPlus from 'element-plus'

// 表格列
type ElementComponentsType = {
	ElTableColumn: {
		props: {
			showOverflowTooltip: any
		}
	}
}

// 注册全局组件
app.component('Pagination', Pagination)
	.use(createPinia())
	.use(router)
	.use(Dictionary)
	.use(ElementPlus, { locale })
	.use(i18n)
	.use(VXETable)
	.component('QtTable', QtTable)
	.mount('#app')
// 全局设置表格列超出隐藏提示
const ElementComponents = app._context.components as ElementComponentsType
ElementComponents.ElTableColumn.props.showOverflowTooltip = { type: Boolean, default: true }

main.js

import Element, { Message } from 'element-ui'

Element.TableColumn.props.showOverflowTooltip = { type: Boolean, default: true }
Element.Select.props.popperAppendToBody = { type: Boolean, default: false }

Vue.use(Element, { size: globalComponentSize })