element-ui el-table表格排序sortable参数解析

2020-12-13 03:10

阅读：412

标签：点击 ESS methods 解析 width alt 基本 nbsp bsp

表格组件的排序功能,点击排序表头可以进行升序和降序进行排序

页面代码,基本上排序的参数都使用了

table
  :data="tableData"
  style="width: 100%"
  
  @sort-change="changeSort"
  
  :default-sort="{prop: ‘date‘, order: ‘ascending‘}"
  border>
  column
    prop="date"
    label="日期"
    
    sortable
    
    :sort-orders="[‘ascending‘, ‘descending‘]"
    width="180">
  
  column
    prop="name"
    label="姓名"
    
    :sort-by="[‘name‘, ‘address‘]"
    sortable
    width="180">
  
  column
    prop="address"
    label="地址"
    
    sortable="custom">
  


methods: {
  // 从后台获取数据,重新排序
  changeSort (val) {
    console.log(val) // column: {…} order: "ascending" prop: "date"
    // 根据当前排序重新获取后台数据,一般后台会需要一个排序的参数

  }
}

element-ui el-table表格排序sortable参数解析

标签：点击 ESS methods 解析 width alt 基本 nbsp bsp

原文地址：https://www.cnblogs.com/steamed-twisted-roll/p/11069821.html

下一篇：asp.net 条码一维条码生成，一共有32中格式类型

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：element-ui el-table表格排序sortable参数解析
文章链接：http://soscw.com/index.php/essay/27095.html

亲，登录后才可以留言！

element-ui el-table表格排序sortable参数解析

评论

热门文章

推荐文章

最新文章

置顶文章