2021-03-05《vue+element 电商后台管理项目 Day4》

vue+element 电商后台管理项目 Day4

• 数据的分页形式效果
  pagination 分页
  @size-change= 切换页面条数时触发 :每页有几条数据
  @current-change= 页码值发生切换就触发
  实现逻辑 当页面条数发生改变时触发函数，把最新的条数赋值给queryInfo里的pagesize，然后重新渲染页面
  
  效果：当切换每页有多少数据时，页面显示多少数据条数，当切换显示到第几页时，页面也跳转
• 修改用户的状态（未解决）
  拼接参数，拼接单引号变成模板字符串
  更新状态失败
  
  

22.用户列表-实现搜索功能

• 搜索功能实现

---

双向数据绑定案例，搜索时可通过你想要绑定的数据发起网络请求再渲染出来数据展示给用户。
elmentui还提供了可清空所有文本框的事件，当清空列表时，应该重新刷新数据列表，因为双向绑定的数据也被清空了，页面会根据参数的改变而重新赋值。
原理由于输入数据时双向绑定了发起网络请求的请求体，所以当点击搜索按钮重新搜索时，渲染的数据就会随着请求体参数的变化而变化