问题3

166 阅读1分钟

elementplus表格的数据需要经过处理之后在渲染到视图上

首先在template层,添加elmentplus的table组件的一个属性formatter然后绑定一个方法

zel-table refa”multipleTableRef data-mffleList stylew”wldth 180v.png

添加对应的方法,实现你想要处理的效果

image.png

将iconfont的图标引入vue3的项目中

首先选择一个图标,点击添加入库 image.png

在购物车中点击下载代码 image.png

将下载好的文件拖入项目的assets文件夹中 image.png

在main入口文件中引入

image.png

打开此文件

image.png

点击font-css,复制对应图标的class

image.png

就可以使用了 image.png

此外,项目需要实现侧边导航栏的图标是动态渲染的,按照路由导航,

在路由导航meta中添加一个iconid,

image.png

在侧边导航菜单组件的data中,添加一个iconsobj对象,用来存放对应的图标

image.png

在template层,渲染的时候,只需要循环出他的id el-icon就可以生效了

image.png