el-table的fixed固定列属性导致数据错位
摘要：发生错位的原因：table在数据请求后，渲染异常的问题，解决办法就是让table重新布局。 这里官方提供了doLayout方法，来解决重新布局的问题 （不过好像不适合表尾合计的table，我之前初步尝试过，但是发现有表尾合计行的还是会有点奇怪，所以有表尾合计的暂时放弃了，改用后端合计） 例子： 在请
阅读全文
el-input按回车时，解决同时触发回车和失焦事件的问题
摘要：之前遇到一个问题：在el-input框同时绑定回车和失焦事件，两个事件触发的函数是一样的，回车的时候触发一次紧接着失焦也触发一次，导致回车一次触发两次函数。 <el-input v-model="msg" @blur="updateData" @keyup.enter.native="updateD
阅读全文
el-button组件@dblclick双击事件无效(即组件事件失效)原因及解决办法
摘要：失效例子 <el-button type="primary" size="small" @dblclick="doubleC"> 查询 </el-button> 上面的@dblclick双击事件会无效。 需要在事件后面加上.native才能生效 <el-button type="primary" s
阅读全文
.toFixed is not a function
摘要：这是因为.toFixed前面的值不是数字造成的。 可能你会疑惑，明明前面的是数字啊？！ 下面是我的实例报错 var aa=(this.form.bhsje*this.form.sl+this.form.bhsje).toFixed(2); 如果仅仅是(this.form.bhsje*this.for
阅读全文
JS中0==''值为true以及==和===在不同数据类型下的比较
摘要：js权威指南里，两个不同类型值比较，其中一个是数字，另一个是字符串，会先将字符串转换为数字，然后比较数字。 Number('')的值为0，所以0==''值为true。 不同类型的值的比较 1、对于string、number等基础类型，不同类型间的比较，==比较的是转化成同一类型后的“值”是否相等，
阅读全文
elementUI的el-table和el-checkbox组合形成表格多选框
摘要：看下效果 我这里实则用到了el-dialog、el-table和el-checkbox，主要的是el-table和el-checkbox。 <el-dialog title="简号表" :visible.sync="showJhTable" width="100%" class="jhbdia" t
阅读全文
el-date-picker设置可选范围picker-options需要注意的事项，要不然可能会报undefined的错误
摘要：1、首先来看看官网的例子 <template> <div class="block"> <el-date-picker v-model="value1" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptio
阅读全文
Invalid prop: type check failed for prop "value". Expected String, Number, got Boolean with value false.
摘要：经过排查，发现是下图的错误 报错显示，el-input输入框绑定的值需要是String或者Number类型的，但是我这里绑定的是Boolean值！ 其实我的业务就是Boolean的，只不过一开始想先把页面快速弄出来，然后再把输入框改成Switch开关的 这样就没问题了。
阅读全文
el-table去掉最外层的边框线
摘要：el-table如果需要表头可拖动就需要加上border属性，但是加上border属性可能会出现一些不愿看到的样式，如下图所示 怎么样去掉那些多余的边框线呢？ 1、打开f12来找对应的样式 （1）下边框样式 从图中可以看出这条边框的样式是 .el-table::before { left: 0; b
阅读全文
前端异步请求封装和使用
摘要：1、封装 在js文件中封装， 常用的有 import { get as getToken } from './token' //这个是简化日常使用的path请求路径,比如说完整的路径是http://localhost:8080/api/aaa/bbb/ccc/,日常使用只需要/aaa/bbb/ccc
阅读全文
VUE前端Fetch请求调用第三方接口
摘要：Fetch官方文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch 基于Fetch请求方式，结合我的业务需求给出例子。 1、对于get请求 this.ipAddress是ip地址和端口，比如http://1
阅读全文
[Vue warn]: Error in callback for watcher "data": "TypeError: Cannot read property 'reduce' of null"
摘要：1、这个错误是el-table的data绑定的值为null造成的，只要把绑定的值赋值为数组就可以解决了。 仔细检查el-table的data绑定的值在哪里被赋值为null,比如说初始化的时候items:""而不是items:[],这样就会报这种错，或者是中途哪里隐式地赋值为null 造成上面的报错是
阅读全文
el-select下拉框选项太多导致卡顿，使用下拉框分页来解决
摘要：el-select下拉框的选项太多时会卡顿，影响体验，使用下拉框选项分页来解决，即elementUI的分页插件和el-select插件组合使用 效果 我这里有个el-input输入框做模糊查询 <el-select v-model="form.kmdm" style="width: 320px">
阅读全文
vue+elementui前端添加数字千位分割
摘要：效果图 1、如果el-table表格表尾没有合计行的话，可以使用下面例子 a、 <el-table-column label="借方发生额" align="right" width="160" :show-overflow-tooltip="true" > <template slot-scope=
阅读全文
解决el-table的合计行在横向滚动条下方的问题的详解
摘要：1、问题：el-table的合计行在横向滚动条下方 之所以会这样，是因为此时的横向滚动条为内容的横向滚动条（或者说表头、表内容和表尾三合一）。 2、解决办法 通过f12可以看到el-table的最外层表头类名为：.el-table__header-wrapper；最外层表内容的类名：.el-tabl
阅读全文
修改el-form表单的el-form-item的label的字体大小以及修改el-row中的el-col的高度
摘要：1、修改el-form表单的el-form-item的label的字体大小 首先在el-form属性加id <el-form ref="form" :rules="rules" size="mini" :model="form" label-width="135px" id="selectForm"
阅读全文
前端传递后台的参数包含特殊字符报400错误--encodeURI
摘要：str=encodeURI(str); 后台--URLDecoder.decode(str,"UTF-8")； 后台加密和解密： URLEncoder.encode("字符串","UTF-8");//编码（加密）； URLDecoder.decode("解密","UTF-8");//解密 参考链接：
阅读全文
el-table和分页插件修改样式以及解决表头和内容歪掉的问题,最左边有表格固定加边框线,去掉最下边的边框线
摘要：1、可以通过el-table的属性修改样式 <el-pagination background :page-sizes="[10, 20, 30, 40,50,60,70,80,90,100]" :page-size="pageSize" layout="total, sizes, prev, pa
阅读全文
js的对象数组根据某个字段进行去重
摘要：根据ES6属性编写函数代码 changeCorptype(corptype) { var res = new Map(); this.scompanycodes = this.getAll.filter( (x) => x.CORPTYPE == corptype && !res.has(x.SCO
阅读全文
