Ahuuua的博客

//必须放到$nextTick() dom渲染完之后执行resetFields，否则为undefinedthis.$nextTick(() => { this.$refs.formName.resetFields() })

this.$setdata中数据，都是响应式；。也就是说，如果操作data中的数据，视图会实时更新；但在实际开发中，遇到过一个坑：若data中数据类型较为复杂，方法methods中改变对象的属性，视图也就是页面并不会改变原因是vue监听不到数据类型特别复杂的属性。可以使用this.$set()来进行强制更新，进而解决问题对象操作：　三个参数：this.$set("改变的对象"，"改变的对象属性"，"值")数组操作：　三个参数：this.$set("数组"，"下标"，"...

<scripttype="text/javascript">functioncheckTel(tel){let mobile=/^1[3|5|8]\d{9}$/,phone=/^0\d{2,3}-?\d{7,8}$/;returnmobile.test(tel)||phone.test(tel);}</script>

js输入验证是否为空、是否为null、是否都是空格，可参考：https://blog.youkuaiyun.com/Ahuuua/article/details/109810888js中!的用法是比较灵活的，它除了做逻辑运算常常会用！做类型判断，可以用！与上对象来求得一个布尔值，1、！可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都为true。!null=true!undefined=true !''=true !100=false !'ab

描述：设置el-table中的某些行可以选中，使用的是selectable参数。代码如下： <el-table-column type="selection" :selectable="checkSelectable" width="55"> </el-table-column>示例一：设置可选中的条件：checkSelectable(row) { return row.date == '20.

【问题描述】控制台出错：【问题查找】断点调试在这里调试我们发现，file为undefined。我们进到getFile函数看到，this.uploadFiles方法的值为空，不能够进入到下面的every循环，而this.uploadFiles的值来自于父组件的fileList，所以我们就把错误定义到父组件中的fileList传值问题上。之前也在网上找过资料，看过一篇文章，可能是在el-upload钩子函数uploadChange做了文件过滤，将文件大小大于0的都进行了禁止上传。

el-form-item中prop属性必须要有才能找到需要验证的字段，另外prop需要与el-input中v-model的参数名称一致，否则会导致rules功能消失@click中的事件需传入表单名（ref的名称），如@click=submit('taskForm')，js部分点击事件使用方式 submit(taskForm){ this.refs[taskForm].validate(valid=>{ if(valid){} else{} ..

目录1.截头去尾 trim2.截头去尾 会去掉开始和结束的空格，类似于trim3.会去掉所有的空格，包括开始，结束，中间1.截头去尾 trim str=str.trim(); // 强烈推荐 最常用、最实用 or $.trim(str); 然后： if(str==""){ console.log("str为空或者是空格"); } or if(s...

show-overflow-tooltip属性element-ui表格 默认情况下若内容过多会折行显示，若需要单行显示可以使用show-overflow-tooltip属性，它接受一个Boolean，为true时多余的内容会在 hover 时以 tooltip 的形式显示出来。默认情况element-ui表格 show-overflow-tooltip="true"，鼠标移上去会显示如下图的样子：show-overflow-tooltip显示的宽度设置对tooltip的宽..

【问题描述】使用blob导出.xlsx文件打开后出错，如下：WPS表格 在试图打开文件时遇到错误。请尝试以下方法。检查文档或驱动器得到访问权限。确保有足够的内存和磁盘空间。确保此文件是可以识别的格式。前端查看response响应值如下：可以看出，response.data是一串乱码，并不是自己要求的blob类型。这串乱码被放到了.xlsx文件中当然就打不开拉。可以用notepad++打开导出的.xlsx文件，就是这串乱码。response.data的值如下

隐藏表头中的全选框更改样式如下使全选框直接不显示，增加如下样式代码即可：/deep/.el-table__header-wrapper .el-checkbox{ display:none}一般来说不用加/deep/就可以用的.el-table__header-wrapper .el-checkbox{ display:none}对于我一开始未加/deep/时，并不能隐藏全选框，加了/deep/可顺利应用到这个样式，其中：vue组件中，在style设置为scoped的