![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vxe-table
流浪码农~
你为什么想不开要当程序员?
展开
-
分页下拉框被el-tabs遮挡
在看同事写的页面时,发现点击分页时,弹出的下拉框会被 el-tabs头部遮挡。第一时间想到的是,vxe-table与element-ui的z-index设置冲突。通过审查元素可以知道,这里下拉框的z-index为102。element-ui的z-index默认为2000。但我无论是提高下拉框的z-index还是降低element-ui的z-index都没有效果。最后发现是.el-tabs__content设置了overflow:hidden导致的隐藏,而不是遮挡。解..原创 2022-02-14 12:04:41 · 1765 阅读 · 1 评论 -
vxe-table的表单代理获取不到默认值
在用vxe-table做表格,用到了表单代理。是一个下拉选择,但是发现获取不到他的默认值。仔细对比了插槽,字段field名称,都没有错。tableProxy也开启了表单代理。data里设置了category默认为1,但是在进入页面的时候并没有给你选中。因为之前做表单代理都是些输入框,所以并没有发现问题。在官网文档仔细看后发现,使用了下拉框的表单代理,都是不会赋初始值的。解决办法就是在tableProxy里自己给form赋初始值。否则直接绑定this.tableForm.data的数据也可以.原创 2021-11-26 10:22:45 · 1969 阅读 · 0 评论 -
input的focus事件阻止冒泡
在写界面的时候,选中一个输入框,就会弹出一个弹窗。还需要做可清除。在加了clearable属性之后,就遇到问题了。点击 X 图标进行清楚之后,弹窗也会打开。注意:我这里使用的是vxe-input,一个vxe-table组件的输入框这里的问题就是点击清除图标,@focus也进行了冒泡,执行了打开弹窗的事件。先上代码这里原来就是使用的@focus事件来打开弹窗,在遇到冒泡的问题之后,就想着在函数里执行$event.stopPropagation() 来取消冒泡。但发现没有效果最后选择使用@c.原创 2021-09-22 12:07:19 · 3788 阅读 · 0 评论 -
vxe-grid使用数据代理proxy-config,保证子组件先调用接口,页面再查询数据
我的表格使用了vxe-grid的数据代理来查询数据,查询的参数是一个组件的props。因为子组件有一个属性,level_end是通过调用后端接口获取的。需要获取后赋值,使用这个参数去查询表格。但这里就会有一个执行顺序和异步的问题。进入页面后,父的created>子的created 。数据代理会先执行,这时候的查询参数使用的是默认的,子组件还未调用完接口。解决方法:在不大量改动代码的情况下,我的做法是,子组件调用完接口,在then回调里,去emit父页面的查询事件。而proxy−config原创 2021-09-07 09:45:12 · 2945 阅读 · 0 评论