element ui Loading 加载的使用
（1）调用后台接口获取数据时，启动loading加载，启动代码如下：const loadingObj = this.$loading({ lock: true, t...
element-ui tree问题，设置默认选中的节点。点击的时候把获取的节点给后台。改变最底层节点的样式，使他横着排列
<el-tree :data="roledata" show-checkbox default-expand-all node-key="id" ref="tree" highlight-current ...
关于 element 中 Form 表单的自定义邮箱和手机号验证！
1. 通过 :rules 来绑定验证规则的对象！ 通过 prop 绑定具体验证的是哪个属性！2. 这里是自定义验证 邮箱规则和 验证手机号规则！邮箱正则：/^([a-zA-Z0-9_-])[email protected]([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/手机号正...
element UI form 表单中number 类型的字段校验的时候不准确
遇到的问题：element UI form 表单中number 类型的字段校验时，不能准备的进行校验查看了一下element UI版本，发现v2.4版本以前的均有bug解决办法：更新element UI 版本到v2.4以上，并且加上number 类型 <el-form-itemlabel="年...
element的resetFields和resetField
resetFields是用于针对整个表单的 Form Methods（整个表单） resetField 是针对表单项的 Form-Item Methods（表单的某一个项）resetFields是重置整个表单，定义一个ref，然后调用。 而resetField是针对表单的某一项，用法：假如我有一个表...
天坑，v-if影响element-ui表单验证- -。。。
最近写项目发现了一个坑，自定义的校验不起作用，如下图，两个input框，只有一个校验生效，另一个不生效。第一反应是我单词是不是写错了，检查了几遍确认没问题最后终于发现了。。。是v-if的原因，改成v-show就行了因为我在两个input框外层，加了一个v-if判断，导致有的校验失败。这个问题解决了，...
如何在element-ui中拓展一个新的组件
一张图诠释demo1、在自己的仓库中 fork element-ui 项目，新建一个自己的分支2、windows下需提前配置make命令所需环境3、使用make new componentTag componentName 生成新组件相关的所有文件4、开发自己的组件（关于样式部分，element声明...
【VUE】Vue3+Element Plus动态间距处理-1. 动态间距调整
1.1 效果演示 并行效果并列效果1.2 代码演示 <template> <div style="margin-bottom: 15px"> direction: <el-radio v-model="direction" value...
vue3-element-admin二次开发遇到的问题总结，持续更新中
vue3-element-admin 是基于 Vue3 + Vite5+ TypeScript5 + Element-Plus + Pinia 等主流技术栈构建的免费开源的后台管理前端模板（配套后端源码）。 一、定制Element-Plus主题 1.创建 variables.scss 变量文件 /*...
解决Ant Design Pro 引入组件时显示未注册（Unknown custom element）
原因Ant-Design-Pro首页在直接使用Ant-Design-Pro管理框架的时候项目默认按需引入了部分常用的组件，所以有些不常用的组件直接使用是会出现错误的。默认的按需引入的组件引入Calendar 日历的时候出现的错误解决方法将自己需要的组件引入到lazy_use.js文件中，组件名字基本...
element-ui中upload组件获取上传文件信息
使用element-ui中的上传组件,upload,这个默认发送post请求,在使用upload组件自动携带的请求方式发送action->请求的urlon-success->请求发送成功的钩子–方法function(response, file, fileList)默认参数3个auto-...
org.xml.sax.SAXException: SimpleDeserializer encountered a child element, which is NOT expected, in
调用接口报错：endpoint:http://localhost:8080/U3Interface/services/FindData?wsdl;KEY:ctcc2u3BBqYXZhLnV; type:CTCCU3AZ; startDate:2017-04-01 09:23:33; args.len...
element el-tree自定义图标和修改节点内容
element-ui中Tree 树形自定义节点内容render-content使用render-content不显示树形组件问题解决方法1， 需要安装transform-vue-jsxnpm installbabel-plugin-syntax-jsxbabel-plugin-transform-v...
Element-ui里面没有的图标，推荐使用Iconfont（阿里图标库）及详细用法
Element-ui中的图标有限，写项目的时候难免会遇到Element-ui中没有的图标，这里推荐使用Iconfont（阿里图标库），里面的图标样式超多~链接: 阿里图标库-官网地址.以下给出我认为比较简单的使用方法1.点开图标库，搜索你想要的图标样式2.将你需要的图标添加到购物车，这里需要登录，可...
css实现仿element ui配色的小圆圈状态标记
实现的效果如图css代码如下.status-info{ display:inline-block; width: 7px; height:7px; background:#f4f4f5; border-radius:50%; border:1px solid #909399;}.stat...
A First Course in the Finite Element Method【Daryl L.】|PDF电子书
专栏导读 作者简介：工学博士，高级工程师，专注于工业软件算法研究本文已收录于专栏：《有限元编程从入门到精通》本专栏旨在提供 1.以案例的形式讲解各类有限元问题的程序实现，并提供所有案例完整源码；2.单元类型包含：杆单元，梁单元，平面三角形单元，薄板单元，厚板单元，壳单元，四/六面体实体单元，金...
使用Element UI 开发页面遇到的问题之下拉菜单支持拼音缩写查询
下拉菜单支持拼音缩写查询下拉菜单其实就是select选择器下拉菜单，功能就是可以支持拼音缩写查询1、既然要用到拼音搜索，我们就需要一个拼音库，在这里我推荐一个第三方包：https://github.com/xmflswood/pinyin-match，在这里首先对这个包的开发者表示万分的感谢。2.安...
vue-element-admin之修改侧边栏的icon图标以及图标颜色
1.修改侧边栏的icon图标 ????如果在admin提供的icon库中没有你需要的图标，可以到https://www.iconfont.cn/上选择并生成自己的业务图标库在admin指南中可以看到这句话，我们来实际操作一波打开网址后，可以看到在图标库里可以搜索我们需要的图标搜索之后，点击下载，就下...
element 隐藏组件 el-scrollerbar 使用方法详细解说 带无限滚动
1、首先从上述路径可以看见scrollbar这个组件是存在的渲染出来层级*el-scrollbar(下面是自动渲染出来的不需要写在代码里) *el-scrollbar__wrap *el-scollbar__view *el-scollbar__bar is-...
Vue element 日期选择器 el-date-picker设置选择范围在一周内
需求：防止时间范围内的查询到数据过多，希望设置最大可选一周的是时间范围完成效果：见下图知道了怎么禁用时间，想要达到预期的效果，要拿到第一次选择的日期查看element文档，onPick可返回每次选中的时间完整代码如下： <!DOCTYPE html> <html> ...