vxe-table v4 ~ v4.6 升级到 v4.7+ 版本

本文主要是介绍vxe-table v4 ~ v4.6 升级到 v4.7+ 版本，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

vxe-table v4 ~ v4.6 升级到 v4.7+ 版本

更新日志

vxe-table 4.7 分离了 vxe-table 表格和 vxe-pc-ui 组件库

变动如下

全局安装

// ...
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'
// ...createApp(App).use(VxeUITable).mount('#app')

修改后

// ...import VxeUITable from 'vxe-table'import 'vxe-table/lib/style.css'// ...// 可选组件库 Vxe UIimport VxeUI from 'vxe-pc-ui'import 'vxe-pc-ui/lib/style.css'// ...createApp(App).use(VxeUI).use(VxeUITable).mount('#app')

全局参数

import { VXETable } from 'vxe-table'// VXETable.setup({})
// VXETable.config({})
VXETable.setConfig({})

修改后

import { VxeUI } from 'vxe-table'VxeUI.setConfig({})

全局图标

import { VXETable } from 'vxe-table'// VXETable.setConfig({
//   icon： {}
// })
VXETable.setIcon({})

修改后

import { VxeUI } from 'vxe-table'VxeUI.setIcon({})

修改主题

import { VXETable } from 'vxe-table'VXETable.setTheme('dark')

修改后

import { VxeUI } from 'vxe-table'VxeUI.setConfig('dark')

国际化

import { createI18n } from 'vue-i18n'
import { VXETable } from 'vxe-table'
import zhCN from 'vxe-table/lib/locale/lang/zh-CN'const i18n = createI18n({locale: 'zh_CN',messages： {zh_CN: {...zhCN}}
})VXETable.setConfig({i18n: (key, args) => i18n.global.t(key, args)
})

修改后

import { VxeUI } from 'vxe-table'
import zhCN from '@vxe-ui/core/packages/language/zh-CN'VxeUI.setI18n('zh-CN', zhCN)

全局提示框

import { VXETable } from 'vxe-table'VXETable.modal.alert({title: '提示',
>  content: 'xx'
})

修改后

import { VxeUI } from 'vxe-table'VxeUI.modal.alert({title: '提示',content: 'xx'
})

全局确认框

import { VXETable } from 'vxe-table'VXETable.modal.confirm({title: '提示',content: 'xx'
})

修改后

import { VxeUI } from 'vxe-table'VxeUI.modal.confirm({title: '提示',content: 'xx'
})

全局模态窗口

import { VXETable } from 'vxe-table'VXETable.modal.open({title: '提示',slots: {default () {return <div>xxx</div>}}
})

修改后

import { VxeUI } from 'vxe-table'VxeUI.modal.open({title: '提示',slots: {default () {return <div>xxx</div>}}
})

全局抽屉

import { VXETable } from 'vxe-table'VXETable.drawer.open({title: '提示',slots: {default () {return <div>xxx</div>}}
})

修改后

import { VxeUI } from 'vxe-table'VxeUI.drawer.open({title: '提示',slots: {default () {return <div>xxx</div>}}
})

这篇关于vxe-table v4 ~ v4.6 升级到 v4.7+ 版本的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---