一、async 和 awaitasync 和 await 主要用于进行异步请求。异步函数：程序运行起来不会阻塞后面的代码进程。async 是返回一个 promise 对象，await 就是 async 返回的 promise 对象返回的结果。await 需要搭配 async 使用。function loadImg(src) {const promise = new Promise((resolve

element-ui 中的 el-form 组件自带了验证功能，在开发中经常会遇到一些莫名其妙的问题，比如表单一出来就触发了验证等等。在项目中，需要弹出表单框并填入旧数据。然而，我只要拿到旧数据并赋值到表单上时，就会触发el-form的验证，非常恼人。顺着调用栈（下图）我们可以发现是el-form-item组件的一个叫onFieldChange的方法触发了validate。应该是我们每次给表单绑定

问题描述：在同一个方法中，触发了多个 message 组件提示信息时，会出现消息重叠的问题。解决方案：将方法定义为async异步函数，然后使用await等待执行。async checkLogin () {if (this.username === '') {await this.$message.warning('请输入用户名')}if (this.password === '') {await

element-ui中自带的表单必填项校验不能去除空格，此时若输入空格，required: true验证还是可以通过。若想正确校验需要去除字符两边的空格。在v-model加上.trim就可以解决。<el-form :rules="rules"><el-form-item label="名称" prop="name"><el-input size=...

先上效果图：（一）自定义图标在element-ui 官网中，提供了两种方法: render 和 slot 来添加自定义节点内容，可以在节点区添加按钮或图标等。这里主要讲解一下 slot 自定义图标：&lt;el-tree:data="data5":props="defaultProps"node-key="id"ref=&quot

需求场景：当我们对列表中一下数据选中后，调用接口处理数据中的状态，而对于已经处理了的数据，则不能再次进行处理。可能你首先想到的通过选中的数据，将其中的已处理数据过滤掉。这里我们通过已处理的数据，我们将禁止选中，那怎样才能实现呢？首先我们实现多选: 手动添加一个el-table-column，设type属性为selection即可；然后设置 selectable 属性来决定该行数据是否选中。...

我们都知道 upload 是上传文件的组件，但同时可以对上传文件进行预览，这里我才用 upload 预览图片。首先介绍的是list-type：文件列表的类型，可选值：text | picture | picture-card ，默认值为 text.file-list：上传的文件列表, 例如: [{name: 'food.jpg', url: 'https://xxx.cdn.com/x...

需求：在不同的页面选择项时，选择的结果能保存起来，多个页面的选项都能被选到。问题：当我选了第一页的一条数据时，点到第二页，数据就刷新了，第一页选的选项也就没有保存了，所以就只能永远选择一页内的数据。&lt;el-tableref="multipleTable1":data="tableData4"tooltip-effect="dark&q

问题描述: 当我们制作一个系统的角色菜单控制的问题时，设置勾选子节点的时候，父节点也应相应选中。如果设置 check-strictly为 true时，则父子级不互相关联，则需要我们手动挨个点击（用户体验不好），我们设置 父子级互相关联时，又应该怎样获取到半选的父节点呢？首先我们来看看官网为我们提供的API，getHalfCheckedKeys通过使用 getHalfCheckedKey...

使用element UI的upload组件，打开页面的时候默认从后台加载文件信息，然后显示进去。问题：这个时候用户去删除这个后台的文件，在上传新的文件的时候报错。BUG重现通过使用element-ui 来上传文件：&lt;el-uploadclass="upload-demo":action="img":on-preview="handle