Wzmlzrr的博客

项目场景：在系统后台开发中，前端需要对后端返回数据进行处理，比如说，用户角色、付款方式等等，而返回的这些数据里面通常是数字来表示相关的角色和身份，如：1表示管理员，2表示用户；又比如说1表示支付宝支付，2表示微信支付，3表示银行卡支付。页面上渲染出数据是数字的形式，但对用户来说其实这种方式并不具备明显的指代意义，所以为了实现更好的用户体验，前端会使用作用域插槽对该数据进行处理，实现与用户之间更好的交互，以下案例中使用el-tag标签来指代上述提到的数据。开发场景vue2对作用域插槽的使用，渲染不同的

文章目录前言一、安装二、使用1.引入需要的图标2.页面效果3.还有一个奇怪的问题总结前言用vue3开发的时候，使用element-plus UI组件库的时候，发现不能像之前vue2时候使用的那么方便了，需要单独引入和使用，且使用的方式发生了很大的变化，这篇文章将详细的为你说明element-plus icon组件库的使用方法。一、安装第一种，使用包管理工具：$ npm install @element-plus/icons-vue$ yarn add @element-plus/icons-v

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用vue开发框架的时候，无论是vue2或是vue3，都会运用到element ui组件库或是element-plus ui组件库，所以我们要解决的问题首先从这些组件库里来找寻答案二、项目里按需引入或者全局导入element ui组件库或是element-plus ui组件库1.省略常规操作，直接在页面中引入Tabs（标签页）组件2.运行后的效果三、再说一下Tabs（标签页）的属性（根据项目的实际需求添加）前言通常情.

使用element-plus 被菜单栏坑的那些光阴