
Vue
jiaoのpan
努力学习编程的小白
展开
-
vue实现边框线拖拽效果(拖动元素边框改变宽度)
1.封装组件自定义组件代码(已封装进项目中,无需重新写一份,可直接跳转到【2.使用步骤】)<template> <div class="x-handle" :style="divStyle" @mousedown="mouseDown"> <el-header style="height: 21px;border-bottom: 1px solid rgb(235, 238, 245);padding: 0px;text-align: center;原创 2022-03-24 16:11:22 · 5608 阅读 · 4 评论 -
el-table 编辑后即使刷新列表也保持先前编辑行高亮状态
问题:el-table 有个highlight-current-row属性,使用该属性后,当我们点击某行时,该行高亮显示.但是当table表数据进行刷新时,之前的高亮状态就消失了。因此仅仅使用highlight-current-row属性,满足不了我的需求。解决方案a.使用row-key属性绑定方法b.在js或者Vue文件中添加row-key属性绑定的方法getRowKeys(),返回唯一标识的一个值<el-table :data="tabledata" :row-key="getRowK转载 2020-09-27 15:50:30 · 1560 阅读 · 3 评论 -
为el-col、el-row添加点击事件
为el-col、el-row添加点击事件要为el-col和el-row添加点击事件,不能用常用的v-on:click=”function()”或@click=”function()”添加点击事件,应该使用v-on:click.native="function()"或@click=”function()”添加点击事件...转载 2020-08-20 17:57:03 · 5642 阅读 · 0 评论 -
layui组件中layerform相关
layui组件中layerform相关1.关于layerform刷新界面(重载框架)的方法,需求是这样:在“附件列表”界面点击新增附件的操作后,转到“新增附件”界面,当新增操作完成后需要自动刷新(重载其框架)“附件列表”以查看最新的结果。实现的方法是在回调函数callback中加上“location.reload()”2.打开的layerform不显示按钮...原创 2020-06-12 11:36:54 · 1032 阅读 · 0 评论 -
VUE+Element UI实现表格行内编辑
VUE+Element UI实现简单的表格行内编辑介绍关于VUE+Element UI实现简单的表格行内编辑效果(即点击相应的行后,实现当前行的编辑),这个功能的实现可以用于编辑的时候,涉及少数内容的编辑,并且还有一个好处是不用新弹出一个窗口进行编辑,这就节省了一定的代码量。实现这一功能是借鉴了网上的一篇博客行内编辑效果,原理是通过Css控制绑定的输入控件与显示值,在选中行样式下对控件进行隐藏或显示。实现A.在样式表中加:B.在相应的el-table 中加:C.在对应的想要编辑的列加:原创 2020-06-12 10:42:50 · 5147 阅读 · 9 评论