element ui
码农桃
这个作者很懒,什么都没留下…
展开
-
websocket环境下前端element ui表格进行模糊搜索
上篇文章说了排序,分页我认为没啥说的,就正常写就行了,把后端返回的数据保存起来用slice进行分割,下面说一下模糊搜索 官网的搜索有点看不懂,所以自己写了个 首先还是从后端拿数据,拿到数据时不要直接渲染页面,就像状态返回0,1一样,给个预解析,先把数据报存起来 我们先把数据给this.bigdata1,这个是用来排序的,但是第一次接收数据的时候也要给this.bigdata赋值 然后我们写一个输入框,里边是搜索条件 给它一个输入框里的值改变时发生的事件,这里不是@change,是@input,不然加不了原创 2020-05-25 15:44:48 · 337 阅读 · 0 评论 -
websocket环境下element ui表格多种排序方法
最近公司要求在websocket环境下前端自己做表格的分页排序及模糊搜索,在网上搜了好几天没有我想要的,于是写个文章供大家参考 首先我们引入表格,给每个表头添加一个sortable属性 然后我们给表格一个方法@sort-change=“sort_change” 最后我们开始写这个方法,写这个方法分两步,因为我每一列都要排序,而且排序方法不一,所以我们首先要判断用户点击的是哪一列 我们判断每次用户点击之后就把分页器设置为第一页,这里传进来一个column参数column.prop即是上边我们写表头时对应原创 2020-05-25 15:22:10 · 538 阅读 · 0 评论