随笔分类 - Element
发表于 2022-05-23 14:57阅读次数:609评论次数:0
摘要:很久没有创建vue整合element-ui的项目,这次在整合过程中,想要自定义主题,以前是直接使用在线主题编辑器,但是这次却发现使用不了了 所以决定使用命令行主题工具的方式。 首先安装开发依赖: npm i element-theme -D -S npm i element-theme-chalk
阅读全文 »
发表于 2022-05-23 14:39阅读次数:77评论次数:0
摘要:/* Element Chalk Variables */ // Special comment for theme configurator // type|skipAutoTranslation|Category|Order // skipAutoTranslation 1 /* Transit
阅读全文 »
发表于 2022-05-16 20:06阅读次数:308评论次数:0
摘要:动态合并表格行的代码主要由 :span-method="objectSpanMethod"中objectSpanMethod方法来实现跨行或跨列合并,其代码如下: <template> <div> <el-table :data="tableData" :span-method="objectSpa
阅读全文 »
发表于 2022-05-13 16:14阅读次数:180评论次数:0
摘要:前面使用Select选择器结合树形控件实现了下拉框选项是树的场景,查看Element-Select选择器结合树形控件,这次在这个demo的基础上加上树节点的单选功能,其代码如下: <!-- @author: itmacy @desc: 选择器选项以树形控件展示升级版 --> <template> <
阅读全文 »
发表于 2022-05-13 16:09阅读次数:178评论次数:0
摘要:由于在有些业务场景需要用到树形控件的单选功能,Element UI默认是多选的,但可以通过Element提供的事件和方法来实现树形控件的单选功能,其代码如下: <!-- @author: itmacy @desc: 树节点单选 --> <template> <div class="about"> <
阅读全文 »
发表于 2022-05-13 14:52阅读次数:586评论次数:0
摘要:Element UI中Select选择器的下拉选项是普通的列表,但是有些情况下,需要提供下拉菜单,这时就需要结合Select选择器和树形控件Tree了,其代码如下 <template> <div class="about"> <!-- 选择器选项以树形控件展示 --> <el-select v-mo
阅读全文 »
发表于 2022-05-13 14:21阅读次数:745评论次数:0
摘要:element ui 提供的树形控件默认是不支持添加图标的,如下所示: 如果要想要在节点自定义树形控件的图标,可以使用slot-scope,代码如下: 其代码如下: <!-- @author: itmacy @desc: 自定义树节点图标 --> <template> <div> <el-tree
阅读全文 »