05 2022 档案
发表于 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-19 12:29阅读次数：119评论次数：0
摘要：在项目下运行npm install，发现node-sass一直安装不成功，并且报一堆错误 gyp verb check python checking for Python executable "python2" in the PATH gyp verb `which` failed Error:
阅读全文 »
发表于 2022-05-18 16:43阅读次数：197评论次数：0
摘要：我们都知道，element提供的参考图标是有限的，有时候项目用到的很多都是element不存在的图标，这个时候，可以使用icon font中的图标 登录icon font官网 官网地址为：https://www.iconfont.cn/ 搜索自己想要的图标 加入到购物车 添加到项目 点击购物车 选择
阅读全文 »
发表于 2022-05-18 15:11阅读次数：87评论次数：0
摘要：如果给父元素固定了宽高，子元素设置overflow:auto时，就会出现滚动条，而浏览器默认的滚动条样式并不是很美观，如下图所示 为了让显示的滚动条更好看些，可以对滚动条样式进行设置，关键css代码如下： // 滚动条 .box-card::-webkit-scrollbar {/*滚动条整体样式*
阅读全文 »
发表于 2022-05-16 20:06阅读次数：308评论次数：0
摘要：动态合并表格行的代码主要由 :span-method="objectSpanMethod"中objectSpanMethod方法来实现跨行或跨列合并,其代码如下： <template> <div> <el-table :data="tableData" :span-method="objectSpa
阅读全文 »
发表于 2022-05-16 10:38阅读次数：420评论次数：0
摘要：打开 点击 选择 应用与确定 查看
阅读全文 »
发表于 2022-05-16 10:29阅读次数：5003评论次数：0
摘要：Nacos启动报：Nacos Server did not start because dumpservice bean construction failure : No DataSource set 查看conf/application.propertise文件，发现是有数据库配置的 通过在网上
阅读全文 »
发表于 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
阅读全文 »
发表于 2022-05-13 11:32阅读次数：513评论次数：0
摘要：在进行表单内容的修改时，表格中对应的记录也被修改了，如下所示 如果此时用户点击的时取消按钮的时候，那么展示的页面数据是修改后的，但这条数据本质上并没有发起后端请求进行修改，刷新页面后，又回到修改前的数据，给人一种点击取消按钮后，数据仍然被修改的假象，很明显，这并不符合业务场景。 查看代码，一般在点击
阅读全文 »
