Vue2项目的排序问题（升降价排序）

1.icon图标引入

iconfont-阿里巴巴矢量图标库 库中大量icon图标，在public中引入，在链接前加https：

2.引入后绑定点击事件，动态绑定class

图标名对应相对应的值 isAsc为升，为计算属性，利用indexOf分割， 起始 1 desc ;[0]为1 综合

                         

3.点击事件

起始 ：1 desc。 split 以 :为分割 0为综合，1为销量。 分别将其用函数封装

4.判断语句

起始 ：1 desc。如果当前的flag（用户点击）的值与originFlag的值相同才执行，可以确定一定是综合。准备新的order属性值，重新赋值。三元表达式，如果起始为desc（降序），点击后为升序，否则还为desc。else部分是价格，flag（用户点击）：默认为desc 不用更改

5.最后修改参数并重新向服务器发请求，即可实现排序