vxe-table 更新最新版本后图标兼容性问题

最新推荐文章于 2025-04-09 11:35:42 发布

仰望.

最新推荐文章于 2025-04-09 11:35:42 发布

阅读量2.6k

点赞数

分类专栏： vxe-ui 文章标签：前端数据库 javascript

本文链接：https://blog.youkuaiyun.com/abc26296/article/details/128269296

版权

在升级vxe-table到v3.6+或v4.3+后，遇到图标显示问题，因为新版本使用了字体图标，导致在非PC环境中可能无法正常显示。为解决这个问题，可以参照官方文档提供的方法，将表格图标回滚到以前的class渲染方式，以确保兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vxe-table 更新最新版本后图标兼容性问题

原先老版本是使用 class 渲染图标，v3.6+ / v4.3+ 新版本使用了字体图标。
对应如使用非PC环境导致图标无法显示、乱码。可以使用官方提供方法还原。

官方文档说明：https://vxetable.cn/#/table/start/icons

使用该方式就可以将表格图标回滚到旧方式：

VXETable.setup({
   
  icon: {
   
	  "TABLE_SORT_ASC": "vxe-icon--caret-top",
	  "TABLE_SORT_DESC": "vxe-icon--caret-bottom",
	  "TABLE_FILTER_NONE": "vxe-icon--funnel",
	  "TABLE_FILTER_MATCH": "vxe-icon--funnel",
	  "TABLE_EDIT": "vxe-icon--edit-outline",
	  "TABLE_HELP": "vxe-icon--question",
	  "TABLE_TREE_LOADED": "vxe-icon--refresh roll",