element
拳击俱乐部
这个作者很懒,什么都没留下…
展开
-
Element u中el-select、el-row、el-dropdown-item等等标签添加@click事件无效解决方法
如下:<el-row @click.native="handle"></el-row>//jshandle(){ console.log('我生效啦')}重点:在@click后加上.native原因:vue封装@click这些方法时阻止了原生的DOM事件,而native就是释放DOM原生事件。原创 2021-04-12 15:45:32 · 1037 阅读 · 0 评论 -
element-ui table树形数据,懒加载,删除子节点后的刷新节点
这种需要删除功能的树形数据懒加载,调用删除接口重新给table赋值会发现被折叠的行数据没有被删除,需要刷新一下页面才可以删除。这种可以采用下面的方法进行删除。//点击删除按钮的删除方法item为行数据deleteLazyTableItem (item) { const store = this.$refs.table.store; if (item.parent != -1) {原创 2021-04-12 15:36:02 · 2155 阅读 · 0 评论 -
element ui中bug记录,只有一个el-input框的时候会触发键盘的enter事件
bug如下:在element ui里面,如果页面只有一个el-input标签,那么鼠标放在input框上,按下enter事件会触发页面刷新。解决办法如下: 在el-form标签上加上 @submit.native.prevent<el-form :inline="true" :model="formInline" class="demo-form-inline" @submit.native.prevent><el-form>...原创 2021-03-25 10:46:26 · 410 阅读 · 0 评论 -
vue+element pagination分页的二次封装,带首页末页功能
el-pagination默认是不带首页和末页功能的如下:需要修改成带首页和末页功能,可以利用 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100"原创 2021-01-25 09:59:58 · 572 阅读 · 0 评论 -
element-ui框架的el-dialog弹出框被遮罩层挡住了,vue-element-ui弹出框和el-select层级混乱
Element ui中弹出框、Select 选择器等等弹出被遮盖的问题处理方法这种问题一般出现在有多个弹出框、弹出框上有select选择器这两种情况。两种情况不同的处理方式如下:情况A:有多个弹出框,你想要的效果可能是 页面->弹出框A->弹出框B,但是实际上出现的是 页面->弹出框B->弹出框A如图所示。图是在网上找的遇到这种情况不要慌,可以在el-dialog标签里添加 :modal-append-to-body=‘false’参数:modal-append-to-b原创 2020-08-20 15:09:34 · 4997 阅读 · 3 评论