050-尚硅谷-尚品汇-排序操作上

好嘞，各位同学，那咱们呢，还得接着继续。那咱们呢，先看一下咱们这个项目啊，已经完成了什么样的一个阶段了，那咱们呢，瞄一眼啊。那首先说啊。咱们的奢侈模块当中，关于面包屑这里，关于品牌，关于平台的售卖属于这里，咱们都已经搞定了。对吧。那接下来咱们要处理哪里啊，咱们是要处理这，哎，就是这里可以进行排序的操作。那咱们呢，看一下的已经上线了这个项目啊，咱们得大概的瞄一眼这块，他要干什么，怎么去做对吧，那咱们呢，看一下已经上线了这个项目。首先说啊，对于任何一个电商平台而言，那它一定是有排序的。比如说按着综合对吧，那箭头冲下呢，明显是降序。

那箭童冲上了，那明显是升学。对不，那当然还有按照价格进行降序。对不，或者按照价格升序进行排列。对不大概的效果能不能理解？对不，所以说啊，这个呢，才算上咱们今天的第一个小难点，那这里呢，老师呢，也写一下子。那这块呢，老师呢，给你来一个小小的一个分割线，那这个啊，咱有一数一还算上一个小难点对不？所以说呢，这是咱们今天，哎，今天课程中。的一个小重点。哎，小。重点。哎，小中风去了啊，小重点。就是什么呀，咱们的这个排序操作。那咱们呢，还是得稍微看一下子啊，你这块你得给我瞄住了。

首先说第一个问题，老师问你，你说这些排序不管是升序还是降序，是咱们自己去计算吗？老师问你。用不用自己去计算。就比如说价格，比如说升序啊。降虚啊，这些玩意儿用咱自己算吗？不用的。你只需要把参数带给服务器。那服务器它经过计算之后，就会把数据返回，返回给我们。所以说这里啊，不需要咱们自己去计算什么，什么价格升降这些不需要咱们搞。那当然就哪怕说需要咱们自己搞，咱们前面也做过，咱因为咱们做过类似的排序的功能。对不好嘞，那咱们呢，就得琢磨琢磨了，那首先说啊。咱们的接口当中啊，是有这个参数的，咱们可以看下这个接口，看一下子啊，看一下这。

就是咱们的接口当中啊，它是需要让你带这个参数的，就是排序的这个参数叫alter。Al这个单词吧，有命令又有排序的意思。它的属性值呢，是一个字符串，那当然也是可有可无的。但是他的排序方式啊，一定要注意，人家已经给你举例子了，你看嘛。来，咱给他拿回来啊。那首先说一代表的是综合排序。OK吗？哎，对，你看这这个老师给你拿过来。就比如说啊，你这个order的属性值一，这个一代表什么，代表的是综合排序。那二代表啥？代表的是价格排序对不？所以说要么是综合排序，要么是价格排序。对不？那不管是综合排序还是价格排序，他们都是有升序和降序。而后面这一部分。

Asc代表的是升序，那de sc代表什么？代表是降序？对不，那所以说将来你得知道一件事，什么事，就是咱们的这个order的属性值，最多有几种情况，就是order右侧属性值。对不就是咱们第一个小问题啊，1.1小问题。就是什么问题，就是咱们的order的属性的属性值最多。哎，有多少种写法？那抓是不是跟数学那是一样一样的，一共多少种，一共是不是就四种。要么是一。冒号叫asc，那这个代表什么？代表的是不是应该是综合的生取。对不，那还有什么，还有可能是E冒号对不？DEC，那这是啥？这是综合教学。对不，那还有什么，还有是可能是二。

对不AC，那这是什么？这是价格的升序，那还有什么二。DC价格的啥降序，所以说最多也就这四种情况。所以说你得知道有一件事，什么事，一代表是综合，二代表价格，对不asc代表升序，De sc代表降序，而这个参数的值并不是说你想写什么就写什么的，也就是说也就只有这四种情况。对不，那所以说接下来咱们就得一点点搞了，对不？那当然默认你看啊，你看咱们这个项目它默认带的参数应该啥，默认是不是应该是综合什么序老师问。是不是将虚呀？对不？所以你要注意啊，这个al的属性值是有默认参数的，它默认带的是谁，默认带的是综合应该是一。降序应该是谁？DEC你看嘛，这咱上线的项目。

对不？啊好嘞，那咱也一个来。那回到咱们的这个，呃，设置组件这里。对不，那咱就得一点点来了，那首先说啊。它的这个初始值，看了看这个初始值，其实它应该有一个初始值。它初值应该是谁，老师问你。他应该是，你看这个项目应该是综合，而且是教学。所以说咱们应该给他一个初始值，就说这个排序。初始的状态应该是是什么，应该是综合。而且孩子，而且还是教学。啊，对吧，哎，教育。就咱们给他来个初值嘛，就一冒号降局是谁，降局是不是DEC。这块能不能倒？一代表的是综合DEC，那不就是降学？

哎，那当然咱这块呢，还没有写任何东西对不。啊，就这一块你得给我看懂了啊，一代表啥，二代表啥，Asc代表什么？DSC代表啥。对不，那咱们呢，先不去琢磨那些业务逻辑，咱们先找到咱们组件的这个位置。因为咱们的排序方式只有两种，要么是综合，要么是价格，对不，当然评价新品销量这些都是没有接口。对吧，结果当中只包含综合和价格。那所以说咱们找一下结构。找一下。在哪呢？应该是这个，我看这应该是啥呀，应该是排序的地方，那这块再给它折上，这呢啊这也不是，这是分页器是吧。我看啊这呢。对不这块呢，应该是咱排序的结构。哎，排序的这个结构。那所以说啊，咱们应该只留几个，只留两个。一个是谁啊，一个是咱们所谓的综合，另外一个是谁呢？应该是价格。

对不就综合那这块啥就是价格。对不，哎，价格咱们先把这个贺去掉，这没啥用啊，对不，先把这给他干掉。啊，走。那这块老师给他干掉了啊，所以说咱们先看一下子走你走你刷新这是咱的对不瞄眼看一下你看吗。综合和价格。对不？哎，这没问题吧，同志们。这有没有问题，没问题吧，那咱们说一下子，如果立标签的身上带有active q这个类型，它就是有背景颜色的。他没有这个类名，那就是没有颜色的，你看吧。对不，也就是说这两个立标签啊，谁有这个active这个类名，谁就有这个背景颜色没有大家都没有对不？那默认咱静态的组件，那默认是不是综合应该有个类名。对不啊好嘞，这是它。那咱呢，得一点一点的来。

啊，这块你得真得细细的品品，细细的琢磨琢磨。咱们先一个一个来啊，你看。老师问你啊。你说咱们写这儿，你先考虑什么呢？你先考虑什么呢？你现在先琢磨呀。那首先说默认情况下。是不是综合有类别？那假如说我点的是价格，你看啊，默认是综合，那我一点一点谁，我一点这个价格，你看价格是不是有这个类名。对不对，所以咱们要考虑的第一个问题是，就是到底谁有类名。对不，所以说咱们要考虑的问题就是1.2就是考虑的问题。考虑的问题呢，你还真得琢磨琢磨，就是第一个，谁应该有类名。一波。就是第一个问题，谁。应该有类名。对不，那首先说你得说默认是谁，默认是综合，那么默认是综合，那我点价格是不是价格有类。

我点综合，是不是综合又有类别。这个能懂不？这个能不能懂。哎，给个回音，能懂的给老师扣一个六。看这。比如说默认应该是综合有类，但是我要点价格，那价格是不是有类名，你先不用看这个小箭头。你就看那个背景颜色一点点来，对不。那这块得怎么搞啊，你怎么区分是综合还是价格。那你这个怎么区分。对不，所以说你要明白你怎么区分你现在是综合还是价格取决于啥，是不是取决于你参数当中的这个这个这个这个叫啥来着，Order当中是不是包含一还是包含二。那如果说你这个响应式数据当中，你包含一，那一不就是综合吗。对不，那如果说你这个想要数据，你这块变成谁，你变成二，那不就是价格吗。

对不，那所以说咱们怎么办很简单，看着啊，咱们通过什么去判断，就通过谁下的。哎，就是通过通过咱们那个order的属性值当中。是包含一或者是包含二。那你包含一一就是谁，那一不就是综合吗。对不，那你包含二，二就是二，它就是价格。对不？那当然默认是综合，咱没有点呢，你将来点的时候老师问你，你点的时候是不是可以改。就这能不能相等？一定要跟着老师的这个思路一样来啊，你先不用看那谁不用看那个小箭头，先跟着老师的思路来。OK吧，那好，那也就是说现在这块谁有没有类名取决于谁，其实取决于你这将来到底是一还是二，当然默认是一。

对不？那所以说你这块就可以咋就可以判断谁有类名。对不？那这块就可以搞嘛，那也就是说你这个类名不应该写死了，你应该写动态对不，那就来一个嘛冒号。对，不爱冒号。那你这个是否有没有这个active这个类名取决于什么，你看嘛，Active取决于什么，取决于于你这个search para。对不PA2S。单词没错吧，SE para DR order当中它是否包含谁，包含这个这个这个这个一，那如果说包含一。这一定要想明白啊，如果是包含一，那不就是综合吗？对，不判断它包不包含一。那这块咋写，老师问你就这块儿咋写。那如果说老师你我现在写等于负一代表啥？

哎，现在老师问你这个判断，现在老师要这么写，设para.order。点index of是否包含一等于负一，这代表啥？不是一样。哎，这能不能走。这能不能走，是不是不包含呢？但是你要注意咱这块判断啥是不是得包含一，包含一是不是才是综合。这能不能绕过来？你不能这么写啊，你这么写代表啥？代表你这个R当中不包含一，那是指的是R，所以这块不应该写等于负一，应该是不等于负一。这能懂不？这能不能懂，能懂吧，哎，那以及到底什么时候应该是价格有类名了，你看吧。它也一样，它叫呃叫class，其实把顶粘过来就行了，对不，咱把这个给他咋的粘过来。CTRLC，那这个老师给你捞过来，你看这啊走。

分，那这一块应该啥，应该是二。对不，那咱们呢，可以手动的先去调数据，看一下现在对不对，那现在应该是谁，应该是这个这个综合，这不是咋，应该是综合是有类。对不？那将来你通过一些其他的手段，比如说点击，因为咱还没写点击了嘛，对不你一点击，比如说你点的是价格完了好讲你这变成了二，那你看一下子。是不是就应该是价格有类名就这能不能懂。咱现在没有没有绑定单击事件的啊，但是将来你一点是不是能可以修改order的值对不？咱现在手动改，你看我现在一一是谁一，你看这不综合吗。对不，那你这块改成二，那二你看那这不就是这不就是价格吗？就这能不能等。这个能不能懂，能懂吧，但是一定要注意啊，你看你这块的在结构当当当中写的语法还是挺长的。

韩正，我再说一下，就是这块的这个代码啊，你放在这儿说实话有一说一写的还算挺长的。咱们可以怎么办呢？你可以给他计算出来。就计算出一个属性，这个属性返回的值是它计算完的结果。因为你想想他这块相对而言，它放的还是挺长的语句。对不，所以咱们可以把这块代码啊，咱给它封装成一个计算属性，你看咱在这倒一个。老师呢，在在computer当中，咱再搞一个这个啥叫做判断，是不是一叫做is out啊呃呃，就is one吧，是不是一。对不，那它是一个计算属性，那返回的值，那你就return呗，Return就是谁，那return不就是它吗。咱们把它给他咋的替换一下，它过了，那你在这儿返回。对不？那以及还有一个叫啥叫做is to，对不是不是二那也一样啊，你这块return。

来你这块，那你这块就给它返回来，但但这不对，这应该是this啊this.search para对不？那这块也是这样，是不是应该是this.search para当中，这个out当中。包不包含二？对不？所以你看那老师问你，你说这两个计算的属性，最终这个属性的属性值是啥，是不是应该是一个啥。是不是应该是一个布尔值，要么真要么假，对不对。先这先把这给我看懂了。也就是说计算属性，这两个属性的属性值要么是布尔值，真。要么是布尔之甲没问题吧？哎，这没问题吧。那也就是说这里你就不用写那么一大长串的了，你这玩意就写了一个属性叫is one。那这块谁is to，那不就完事了吗？你蒸了我不就有了吗？叫a to啊，叫a to。

这能看懂不？能看懂的给老师扣一个六。现在还是一样，现在默认是不是价格有那老师改成一。你看嘛，咱一点手动改，你这块改成一，那是不是就是综合那是一样的套路啊，只不过在结构当中咱写的代码少了。OK吗？就这块儿看着比较清爽一些，你就别全往这怼吧了，你计算完之后用不就行了吗？对不好嘞，这是它。所以说第一个咱们要解决的问题是，是谁应该有类名。对不，那考这是考虑的第一个问题啊，就是类名的问题。类名来，咱们再考虑第二个问题。啊，这个是1.3。就是考虑什么问题呢？就是考虑考虑的问题是谁应该有箭头就是谁。应该有箭头。你看啊，咱一点来，咱看上线的这个。

你看这样。你先别考虑这个箭头是冲上还是冲下。就是不管冲上冲下，你就把它当做一个箭头就行了，这能不能。看，这就是，你先别管这个箭头是老师冲上还是冲下，你先不用管，你就看谁身上应该有箭头，取决于什么。你看吧。来，谁能告诉老师？这个箭头是上啊是下啊，你先不用管，你就告诉老师谁应该有箭头。对不？哎，这句话说的比较对，谁有类名，谁有箭头。对不对。哎，这句话能不能讲懂，就是谁有类名谁就有箭头，你看嘛。对不对。对不对对不对对不对，咱别管上下，你看谁有类名是不是谁就有箭头，你没类名是不是就没箭头。那也就是说箭头在这儿可有可无，就是时而有，时而没有，你想到了谁老师问你。就是价格的旁边应该有一个箭头，时而有，时而没有，你想到谁说想到V纲if或者是V纲寿。

对不？对不对。对吧，那所以说你看咱先模拟一个地儿，咱先模拟这就是谁呢？就是在综合的旁边，咱先模拟一个箭头。对不，你看假如说老师在这放一个死板。对不放一个子弹。哎呀，这个这个等会儿老师搁这来个SPA，就是在在综合旁边再放一个SPA。对不根根spn n SPA，哎妈跑偏了。这块再给他反过来一个哎吧，哎马多了一个是吧，就比如说老师这我先写成汉字叫箭头。老师给他格式化一下。哎呦，格式化工具是又卡。行，那咱自己手后往这挪吧，那他这块也有个箭头，你看嘛，咱也来个弹。那就把上面这抄过来得了。A ctrl c ctrl v，对不来，现在老师问你啊，现在老师这么搞，是不是这两个人都有箭头。

对不综合是有箭头，价格也是有箭头。诶，这对不对，对吧，但是你要注意。就是综合和类名，右边这个箭头时而有，时而没有，取决于什么，跟有没有类名是判断是不是一样。诶，对不对。同志们，告诉老师对不对，就是你这个箭头有这样的，老师为了模拟相声这样的，再来一个，看有没有这个箭头符号箭头。哎，箭头。还没有是吧，先就让他先先顶一下子，你看就是这个综合呀，或者是价格这个箭头有，你就比如说现在应该是综合有箭头，价格不应该有。对不，那假如说现在老师调成谁，我调成二。那应该是谁？应该是价格有箭头，而综合不应该有箭头。

所以说有没有箭头跟谁的那个那个那个判断是一样的，是不是跟这个有没有类名是不是一模一样。对不对，哎，老师说你跟判断这个类名是不是一模一样的。对不，所以说这块咱给他来个啥，你给他来一个叫V杠受。对，不，那取决于什么？决于是不是is，对，不叫is one。那这块也是一样，这个箭头叫做V杠，哎，V杠受。那这玩意儿叫is two。对不？那你看吧，你看这回是不是这么回事，你看吧，走。现在是不是价格深入有见。对吧，你再调老师给他换成谁，我给这换成一，你自己看现在是不是应该是综合有限的。对不对，而价格没有了，就到这儿能不能等？

别晒你们那个那个那个那个输入法了，先把这先想走。那老师慢慢调，你看我再调整，我再调二你看是不是价格有箭头。对不？就这能不能相，就是谁有类名，谁就有箭头。对不？哎，这个能相等吧，好嘞，这烫。就是谁应该有箭头，说白了就是谁有类名。哎，谁有类名，哎谁。就有箭头对不？那D接下来还要考虑一个问题，什么问题，就是这个箭头用什么制作箭头。哎，用什么制作。制作出来。你箭头这你不可能用啥，你不可能用汉字给这展示吧。你是不是得有那个箭头的那个，呃，Icon图标。对不对，同志们。你总不可能拿两个汉字，可这这这个这个这个这个这个这个吓唬人吧。

对不，你是不是得有那个小图片，小图标箭头是冲上啊或者冲下，你想到了谁。咱当年学过。老师，你想到了谁？就是一些开发当中常用的图标，你找谁，要是不是百度阿里那个图标。一波。对不？啊，所以说啊，像这些简开发当中常用的这些简单的图片呢，这个小小icon，你就可以找阿里图标库去。对不，那咱们找一下子，你就搜阿里图标。老师，问一下这个阿里图标库以前用没用过？就是这个网站见没见过，应该见过吧，阿里图标图标库icon icon。用没用过，用过给老师扣一个一。用过吧，好嘞，那咱们找一些图标库对不。

咱想找啥要你要想明白，箭头它有可能是冲上。看箭头可能是冲上。也有可能啥是冲下了。对不，所以你就搜，你搜up，一般就是冲上up。有没有，有吧，就找一个你自己喜欢的就行了。对不？那举个例子，老师喜欢哪个呢？我看啊，随便找一个吧。我这个这个这个吧，咱就来这个吧。对，不给他加入到咱们购物车当中，对不添加到项目当中，比如说咱们新建一个项目。对吧，咱们叫啥叫0415，哎，叫0415。找你对不，那当然咱们现在是不是只有冲上的这个这个这个小图标。你还得有一个冲下的，所以说咱们回到图标库这儿，你还得搜啥下水是道。到。对不？那咱们找一下子看看有没有配对的啊，应该是有配对，我记得应该相同的位置应该是有的。

哎呀，我看咱刚刚那个长成什么样子的，我看一下啊。咱刚刚的那个是长成什么样子来的，下载历史啊，不是我上传的，哎考是在哪来的像。啊，这呢，我在下。看一下它是这个粉了吧唧的是吧。呃，咱找一下子。这应该咱找冲下的down down down。冲下的粉的找一下啊。他应该有差不多类似的，他不可能不给配对的。对不？哎呀，妈呀，还真没有吗？不能吧。这这这这这。就随便找一个吧，咱我看啊就找他吧。OK，不当向下就随便找一个了，好吧，当然你喜欢什么样的都行。OK，不，你自己到时候自己去找去。OK吧？

说有同学老师用饿了么UI，这里合适吗？咱现在没有用饿了么UI。三页的最后一个是吧，看一下子。Thankyou，这呢这块一定要注意，咱现在没有用饿了么UI，你这块要注意。OK，不，那当然饿了么UI当中也有，你如果说你已经安装了饿了，饿了么UI当然可以啊，当然可以行，就它了。所以说一上一下这不就有了吗？对不？那老师问你，咱们以前操作这个图标库是不是经常下载到本地。对不从来没有用过这个线上。你看这块有啥，你看这你看这啊。查看在线链接。你看这儿啊，这是不是在线的，但是你会发现暂无代码点此生成，你点击一下它就会会生成什么生成在线的了，在线的样式。OK吗？O不OK。

就是咱们以前下载图标库是不是经常下载到本地，但是你要注意它这玩意儿是有啥是有在线的，但你需要点击一下，那点击复制此代码走你那咱们把它相应的样式捞到咱们的项目当中。你把它放到咱们的静态页面当中，就是public文件夹当中，放在这儿。对不，你去引入咱们需要的样式，就是来一个另一个。对不，那地址往那一呼，但是一定要注意这个地址，老师你看着怪不怪。哎，现在我说你你看这这这也没用，这个没用，这给他去掉。你看这你就感觉这个地址怪不怪。怪吧，他前边没有协议呀。所以说你前面要给他补一个协议，而这个官网前面的协议都是什么，都是以HTTPS开头的，你看嘛是HTPS。对不，所以说你在这个路径的前边，你给它加上一个啥叫HTTPS冒号。

OK吗？所以说咱们百度不是不是就阿里图标库就已经有了。OK吧，那当然你得回到咱们的这个组件当中，你得去用。对不，那咱们得看一下类名啊，你看。你看这儿。咱们应该知道图里，呃，就是阿里图标库，它通过什么去展示这些这些这些小图标的知不知道？知不知道是不是通过雷鸣啊？对不？你如果叫icon-to，注意是大写的，那你是不是就是冲下了，你叫icon-up，是不是就冲上了？对不，那所以说啊，你回到哪，你回到咱们的测试组件这来看这。看这也就是说咱们这个箭头啊，你不能这么搞了。老师问你啊，咱就举个例子，你看啊，来老师给你找个地儿，你看这儿，你看这儿，咱回到这个项目，当时你静静的思考一下，老师问你啊。

咱就说价格的这个箭头，它可能是冲上。也有可能是冲上，它取决于什么，你看吧。你看吧，就是咱们价格或者是综合，你看这个箭头，它可能是冲上是升序。可能是春夏，是降雪。老师问你取决于什么，是不是取决于咱们的这个这个这个这个这个这个这个这个呃，Order的后面这个是AC还是DC，对不对。哎，这能不能想明白，你asc应该是升序。你de应该是降水。对不？所以说一定要注意啊，就是对于对于咱们的这个，咱就说价格这个箭头，你这个箭头可能是冲上，也有可能是冲向，对不，那咱们先测试一下，咱先别管别的，你先把这个箭头先给我搞出来。那咱们也得给他加类名，比如叫class，当然现在都是静态的，没写动态。

那首先说阿里图标库，你都要有个类名叫icon，这知道不加上你相应图标的类，比如叫icon杠一个叫啥叫down吧，大写的do。Do。这O是大写的，你看那现在这个箭头是不是就冲向，你自己看是不是就冲向。等会啊，是不是类名写错了？我看一下子是SPA，呃，没问题，Icon found，诶，为啥没有，我看类名是不是写错了。疗养。叫do。WNI康啊，没问题啊。对不icon放的空格icon-do，我看算下up。这箭头我现在全都给他去先，至少整个箭头先出来，对不，那这个咱叫啊。对不，那看一下有没有刷新。

专业打这个啊。A，没有没有是为啥呢？咱重启一下。哎，老师的单词有没有写错。单词应该没错吧？应该没错吧，我看一下子箭头没有，我看看啊。呃，为啥没有啊。我看我这是不是没保存呢，我看这是不是没保存。就咱这个样式瞄眼啊。呃，保存一下。数字二什么数字二，没数字二吧。I靠杠don对不对吧？我看一下子是不是写错地儿了价格。什么没写类名，什么价格没写类名？是这样不是，就是咱现在随便找个地儿，先让那个图标先出来电脑往走。

就是你爱是综合还是价格都无所谓，你先找一个地儿，先让他的那个那个那个那个那个那个小图标先出来。懂不？你页面上是价格，什么价格。看一下子2DS行，咱就先找这先把这小图标先给他搞出来，懂不。啊对，因为这块隐藏了thankyou啊，Thankyou我知道了，因为这块是不是隐藏了对吧？好，那这边再找一个冒号class啊，我说我找了半天他俩没有图标。咱就先把这个类名先给他写上，咱别管是上还是下，先给他弄出来，对不。对吧，它应该叫icon found空格icon杠。Do，那这玩意儿是不是就冲下的了？你自己看是不是就冲下的了？对不，那如果说你是up，那是不是就冲上。对吧，当然这是大写的叫up。

那你看这是不是就冲上了，那也就是说咱们阿里图标库是没问题的，就这能不能懂。这能不能懂，比如说你先别管它是冲上还是冲下，你先把它基本的小图标能看见。OK吧，好嘞。那你要注意啊，那他这块的的图标，它可能是上。也可能是下老师问你取决于什么。你就琢磨，你就琢磨价格的这个小图标，它可能是冲上。也有可能是冲向，它取决于什么，是不是取决于你这个字段的使用值当中是asc还是DC。对不，你asc那不就升去吗？你de sc不就降序吗？就这能不能等。对不，所以说你看那咱这块可以搞一下，那你这块得写动态。那也就是说它的类名，那这块没必要icon放的就是这。

再给I啊，Up先拿下来，也就说你这一块的到底是冲上还是冲下，是不是取决于那个凹字段的使用之势，当还是up，不是，是as sc还是DSC，对不？所以说咱们再来一个动态的类名。但是这个属性的属性值啊，它可能有两个，就这个里面的写法对不，因为他有可能是啥，有可能是冲上，冲上叫asc。但是是不是不是不是叫叫叫叫啥叫I。抗。杠冲上叫啊。什么时候是冲上老师问你？什么时候这个箭头是冲上的。是不是应该是asc，对不，那你得判断就是啥，就是search。对不写下S。Search para.order当中是否包含index of，包含谁包含这个asc，对，不应该是不等于负一，那这样是不是就是从上。

哎，这能不能懂，同志们。这能不能倒？给老师个回音。也就是说你价咱就先定价格，这它的这个箭头可能是冲上，也有可能是冲下，但是你要注意一件事，什么事是取决于什么，取决于你这个order字段当中是包含asc还是DC。Asc是声序，A ec是教序。这能懂不？那当然这里面咱们最好别这么写。对不，因为你这么写，这玩意是不是写了一大长串。哎，这能懂吧，就是你最好别这么写，你这么写他写了一大长串。咱们还是一样给它计算出来。OK，不就是咱们还是一样，你给它是不是包含这个，这个叫啥来着，叫asc还是DC也是一样，也给它计算出来。对吧，那这样顶上就不用写这么一大长串。

所以咱们这也计算一下，那这块计算谁叫做，呃叫做A是不是a sc as sc是不是升序。对不，那就嘛。This，点设置parama.order打点index of，哎，找你叫AC不等于负一。对不，那代表是不是包含A，是不是就升去，还有个谁降序叫is，叫be。对不，那当然你这块就直接。捞回来就行，CTRLCCTRLV，那这块呢，你又有写个人叫DEC就完事了，哎，DEC。对不，那这样你计算完的好处是啥，你在这用的时候你就方便了。对不，这个老师格式化了一下，我就给他提上来啊，看着怪怪的。来，老师把这个SPA给他提上来，这给它提上来，要不然这么看好怪怪啊class。

看这走。那所以说咱们的这个I come up或者是I comedown，那这不就可以写动态了吗。就看它包不包含AC或者是DC。对不，那这块你就可以写，如果是错了，那就is叫啥来着。这块得写多大，你得写个冒号啊，没杠半叫is，什么玩意儿升序叫is a。I see。对不对不对不对，对吧。那以及那这块它还有可能啥，还有可能叫做这块，咱给他来个来个这个这个吧，得来个字符串啊，中间有个杠对不？那他还有可能是什么，还有可能是I抗杠啥down。对吧，那这块取决于什么，取决于是否包含de。SC。对不，那这不就完事了吗？哎，这个能不能懂。这个能不能懂，也就说这个小小箭头是冲上冲下，取决于有没有AC或者DC。

没有吧？哎呀，A thankyou very much。OK吗？这能弄吧，那所以说咱们先看一下，你看嘛，现在咱默认的状态，啥是价格降序，那应该是二。BC对不，你看嘛。现在应该是2D SC，那如果老师将来把这改成谁改成asc，我先手动改，你看是不是价格省去。你自己看吧。这个能不能懂。你再给他换。比如我现在换成一。As，那当然咱这块那个那个还没写呢，综合还没写呢，但是综合是不是一样的。对不，那所以说啊，咱们呢，把综合的这个箭头这你也给它搞搞，那是不是就是把它直接捞走，是不是就完事了，就把这这这几个类名。对不？你给它放在这儿，那不就完事了吗，对不。

对吧，那你看这回咱测试一下子，你自己看走。现在应该是2AC，你自己看。对不，现在老师给他换成EA，那应该是应该是综合升序。对不对，那老师给他换成二二应该是是呃呃，比如说一，那咱换成DEC，那应该是综合降序。就这能不能懂。能懂的给老师扣一个六，也就是说这块咱计算属性的好处是啥，你这块不用写那么一大长串的了。说老师我这块呢，我不计算属性行不行行，但是你写的时候可能一大长串子这块就看着非常恶心了。这个就就这个老师计算属性，这能理解吧，就是你不计算属性也行，但是你这里写的代码就太长了。他可能都超出屏幕去了。OK，不好嘞。

那也就是说咱们几乎差不多了。而且咱们应该知道，默认是默认是综合教学，你自己看是不是默认，是不是就是综合教学。对不啊好嘞，但是现在咱这玩意儿，你只能让用户在这改数据，他才能变，当然不需要用户改数据，他是不得用户得点。对不对。哎，对不对。对吧，那所以说咱们需要在点击价格或者是综合的时候进行处理。处理到底现在是综合呀，还是价格啊，还是升序啊，还是降序，对不。但是这块咱们一会儿再说，你先把这儿先给我想明白，就这块儿的几项代码能搞懂不。应该。对不？