![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
MrsTing
这个作者很懒,什么都没留下…
展开
-
el-table增加顶部滚动条,表格实现上下双滚动条
效果图:实现方式:1.加一个div,宽度和表格相同:2.监听表格宽度,并给元素和滚动条元素绑定滚动事件:原理:两个滚动条滚动时,同时控制另一个滚动条滚动。tableWidth: { handler(newVal, oldVal) { // 监听滚动条 setTimeout(() => { this.tableDom = this.$refs.tableRef.bodyWrapper this.tableDom.addEventListener(原创 2021-06-17 13:46:21 · 3778 阅读 · 3 评论 -
el-form自定义验证
el-form表达中自定义验证,主要是在rules中使用validator声明自定义验证,并在data中进行写逻辑。例子。js代码如下:data() { // 自定义验证 const validTrim = (rule, value, callback) => { if (!value.trim()) { callback(new Error('请输入名称')) } else { callback() }原创 2021-01-21 08:52:59 · 1018 阅读 · 0 评论 -
treeselect组件处理children=[]的情况
<treeselect :options="gridArr" v-model="form.gid" :disable-branch-nodes="true" :normalizer="normalizer" @select="onClickGid" placeholder="请选择最小单元" noOptionsText="暂无数据" style="width: 270px;"/>关键代码(该部分代码写在data中):data() { return { normaliz原创 2020-05-15 15:54:21 · 1766 阅读 · 0 评论 -
Element中el-select在form多数组中的使用
v-bind="{ remoteMethod: remoteMethod.bind(null,index) }"将当前的索引传递到方法中,告诉下面当前要修改的值: <el-select v-model="item.materialCode" filterable remote reserve-keyword no-data-text placeholder="请输入关键词" v-bind="{ remoteMethod: remoteMethod.bind(null,in原创 2020-05-15 15:48:49 · 948 阅读 · 0 评论