首页 > 其他分享 >Vue技术之“关于sortable排序的使用”

Vue技术之“关于sortable排序的使用”

时间:2022-11-09 09:45:16浏览次数:48  
标签:Vue sortable prop overdueDays 排序 row

Vue关于sortable排序的使用

方案1

在使用sortable后要注意给el-table-column中加入prop="overdueDays"参数,不然会找不到需要排序的数据

<el-table-column prop="overdueDays" label="过期天数" sortable >
  <template slot-scope="{ row }" >
    <span v-if="row.overdueDays <= 3" class="danger" >{{ row.overdueDays }}</span>
    <span v-else >{{ row.overdueDays }}</span>
  </template>
</el-table-column>

 

 

方案2

这个方案就是直接使用,因为不需要像上面一样需要处理逻辑,所以这里直接加入sortable,但同样要有 prop="relatedSkuJoin"参数

<el-table-column prop="relatedSkuJoin" label="关联SKU" show-overflow-tooltip sortable />

 

 

标签:Vue,sortable,prop,overdueDays,排序,row
From: https://www.cnblogs.com/saoge/p/16872536.html

相关文章

  • Vue 数组中出现__ob__: Observer无法取值
    问题说明在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用,但是会发现有时候会发现带有 __ob__:Observer 数组后缀的就是没有办法取到值,更可怕的是 consol......
  • .ToList()前的OrderBy是起不到排序效果的【未解决】
    废话也不说了,直接上图  思考:很多时候我们都想通过Linq的OrderBy给数据集进行排序,这样确实是有效的,但是如果后面将数据集改成了ToList()的话是又会重新打乱排序方式的!......
  • vue 的 use 和 component
    之前一直没有搞明白use和component的区别今天终于搞明白了,记录一下避免之后忘记 首先每个组件都会提供一个install方法,在这个方法里通过component注册组件另......
  • Vue 项目优化解决方案 有哪些 ?
    1.打包的时候,通过插件把css代码单独抽离出来使用link引入 2.打包的时候,通过webpack内置插件optimization 把公共的js代码抽离出来 ps:打包之后,代码冗余,......
  • vue - vue基础/vue核心内容(2)
    今天的内容书接上回,同样是vue的核心基础部分,今天偏向于理论性,特别是vue对于数据对象的监测那一块,刚开始琢磨了半天,这股劲一过,现在好理解多了10.watch和computed对比计算属......
  • VUE中的路由router
    首先,需要下载去​​Vue.js官网​​​或者​​Vue.js菜鸟教程​​​下载​​vue-router.js插件​​。vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建......
  • 基于VUEX的公共存储器store的快速上手流程
    vuex的快速安装与使用​​store公共存储器​​​​state.js添加数据元​​​​mutations.js创建一个方法​​​​在组件中提交:​​​​在组件中使用:​​store公共存储器在使......
  • 排序查询
    引入:select*fromemployee; 语法:select查询列表;form表[where筛选条件]orderby 排序顺序 [asc desc]特点......
  • 选择排序
    有一组美女,对她们的身高进行排序: 代码实现:  ......
  • 冒泡排序
    其中判断条件得是>,不然就得反着来,且内部是j,不是i,这个是本人经常搞错的地方。......