00:01
哈喽,各位小伙伴们大家好。那接下来啊,咱们呢,去完成三级联动的所有的业务。那咱们呢,去看一下呢,已经完成的这个项目。那首先说默认的是有一级分类的数据啊,让用户进行选择。对不,那么如果一级分类的数据没有确定,那二级和三级是没有数据的。那如果一级分类的数据你确定了,比如说手机。那么可以拿到相应的ID,是不是获取到二级分类的数据,是不是进行展示,那么用户就可以选择二级分类的数据。那么当二级分类的数据确定以后,是不是可以选择相应的三级分类的数据?这是没问题。那咱们呢,也去看一下咱们现在正在写的这个项啊。比如说默认情况下是有一级分类的数据的,而二级和三级是没有的。
01:02
那如果一级分类确定了,那是不是有相应的ID可以获取到二级分类的数据,是不是进行展示?那以及二级分类如果确定了,是不是可以选择三级分类的数据,那这些都是没问题。但是呢,这里呢,要注意一件事,那对于用户而言,就比如说一级分类这个产品,它可不可以再次进行选择,那一定是可以。那比如说现在老师选择的是。数吗?那你会发现,当一级分类的数据发生变化的时候,那么二级分类和三级分类的数据要清除掉。因为数码这个一级分类当中,它是没有跟手机相关。所以说要把二级分类和三级分类的数据要把它清除掉。那咱们看一下咱们现在写的这个项目。那如果老师把它变成啥,变成数码,那你会发现上一次的数据还残留。
02:03
对不,那所以说当一级分类的这个下拉框,当它的open发生变化的时候,你是要把相应的数据给它清除掉。对吧,那咱们呢,看一下咱们这个项目。老师呢,把咱们的开发者工具啊也给你打开,咱们也去看一下。那首先说默认情况下,一级分类的数据是有的,你可以进行选择。比如说你选择的是手机没问题,那么当手机确定之后,有相应的EID,是不是可以拿到二级分类的数据进行展示?那么如果二级分类的数据有了,那是不是可以拿着他的ID捞三级分类的数据进行展示以及选择,这是没问题。但是呢,这里面呢,要注意一件事,当一级分类的数据发生变化的时候啊,你这块要切记啊。你的二级分类和三级分类的数据你得清楚掉。
03:02
以及上一次的这个ID 2d和3D,你也得清楚掉。对吧。那所以说要注意,当一级分类发生变化的时候,你要把二级分类的数据和三级分类的数据要干掉,以及上一次二级分类和三级分类的ID你也要清除掉。那么什么时候清除呢?很简单。就是当一级分类这个option发生变化的时候,你是不是要清楚。对吧,那所以说回到咱们的组件当中。找到这儿。那么当一级分类的select事件回调出发的时候,那这块咱们得做一些事儿。那你要干什么?是不是要清除数据?那么你要清楚哪些数据。第一个。对于二级分类的数据,你要清楚。以及三级分类的数据你也要清楚。那以及上一次二三级分类的ID,你也要清楚掉。
04:02
那分别是这点c form的CATEGORY2给它质控。那么以及啊,这点c formed category3id你也要清空。对不,那么如果一级分类能想通你再看啊。比如说老师第一次选择的是手机。手机通讯手机没问题,那老师问你,那对于二级分类用户可不可以重新再选,也是可以。那如果二级分类的数据发生变化的时候,要注意你要清除三级分类的数据。对,不,把上一次三级分离的数据和ID也要清除掉。那所以说回到底下这里。那这块呢,咱们也要去做一下处理。那也就是说,当二级分类的数据发生变化的时候,你也要清除数据。那你清楚的是什么呢?是三级分类的数据。
05:01
一级三级分类的ID。叫c foundd category side。对不?那所以说啊,咱们的这回呢,再看一下咱们这个项目,你看是不是有那点意思对吧,比如说手机。手机通讯手机没问题,当一级分类重选的时候,二级和三级的数据是不是清空,对不一级,二级分类,三级分类。那以及三级分类发生变化的时候,二级分类发生变化的时候,三级分类是不是也可以重新选择,这是没问题。对不?那以及啊,咱们呢,还有一件事要做。你会发现一件事,什么事呢?这是已经写好这个项目啊,你看啊。虽然说选择一级分类的手机。手机、通讯手机,当三级分类确定的那一刻,你会发现底下这里是不是要展示数据?那你展示数据呢,也要怎么也要发请求。
06:00
展示你这些平台的属性。而这个接口呢,咱们呢,可以看一下。咱们可以看一下,它就是这个镜。他要通过你一级分类的ID和二级分类的ID和三级分类的ID去获取相应的平台属性进行展示。那么这块的数据什么时候发请求呢?你要注意这个动作啊,什么时候发请求,你看一级分类是不是有相应的一级I。他没有法。二级分类的ID有的他也没有发,是在三级分类ID发,有的那一刻是不是发请求。而且还要注意,对于一级分类的ID,二级分类的ID,三级分类的ID,他是都要用的,因为他发请求的时候是不是要拿到。那咱们回到咱们的这个组件当中,咱们看一下。那现在呢,有一件事儿呢,你要想明白谁呢?就是category like,它是属于当前这个组件的啥,是不是属于当前的这个组件的子组件。
07:07
对不对,你看这不有两个e card。对不?你看是不是有两个,一看你是要在当前的这个组件当中发请求,获取平台属性,进展要进行展示。那你要注意一件事,什么事,三级联动和当前组建的这个关系是什么,是不是。父子关系。那么也就是说,子组件需要把它的数据给谁给父组件?那么子给父传数据要通信,那需要用到啥?是不是需要用到自定义事件?那所以说咱们这儿呢,可以给这个子组件绑一个自定义事件,比如说叫做get。Cat ad。叫啥叫获取?商品的ID,那咱们呢,比如说给他来个事件。
08:00
对不,那世界名句叫它那以及回调咱们也得有。对不,那当然目前而言,咱们是没有这个回调。对不对?那你可以书写一个叫做methods met OS。那这个方法呢,咱们写一下,那这个是什么,咱们写一下笔记。那这个呢,是自定义事件的回调,那你要注意子给父传数据传的是啥,是不是传的是相的那个三个的分类ID。对不对。对吧,那么什么时候给他传呢?很简单,当一级分类有ID了,那你是不是把一级的ID给了,给副组件当二级的ID有了,是不是给副组件当三级的ID,有的时候说给副组件,那什么时候是不是当触发性质事件的时候,是不是给副组件进行通信。那咱们呢,就可以找到咱们的子组件,那咱们分别看一下。
09:03
那么当一级分类的事件触发的时候,那你就可以把一级的ID是不是给父亲传过去。那这块你就可以写这点Dollar。谁是不是咱们那个事件叫get category ID,那传的是什么?传的是不是category e?对不,咱们在这儿已经解构出来,是一级分类的ID。那一级还有什么是还有二级分类的ID。对不?那以及还有什么,还有三级分类的ID。对吧,那这块呢,咱们得解构一下子就是获取。哎,三级分类的ID,那咱们解构一下呗,Cost将CATEGORY3ID等于这点cm four。点c four。对不,那也是一样,你也要给父亲。那父亲这里面呢,是不是可以进行接收,比如说接收的是啥?是不是叫做cat ID?
10:06
那咱们呢,看一下子console,第2LOG category ID,那咱们看子能不能给父传递相应的数据,那咱们可以看一下。对不?比如说看一下子EID。对吧,2a sin。但是这里面呢,你会发现。对于这三个事件的回调啊,都触发了相同的自定义事件。那这块呢,要注意一件事,什么事,那对于副组件而言,它真的可能不能区分开到底是几级ID。对不,因为你给父亲传的它只是一个啥,只是一个数字,那父组件要区分开,哎,你给我的是一级ID还是二级ID,还是三级ID,你要区分开。你这块你要想想对不,那用户选择的时候,那到底是一级ID,二级ID还是三级ID,你在副组件当中是不是要区分开。
11:02
而且副组件将来也要拿1ID2ID3这三个参数去打的,是不是发起获取服务器的数据?对不,那所以说啊,咱们在这为了能让父亲区分开,到底是几节ID,你可以传俩俩餐呢,俩餐你就可以用啥用对象那这块的呢,比如说咱们叫做categ GR ID。对吧,那这个呢,船上是cat green e。对不,那咱们呢,可以给他打一个标记叫level level为几为一,那这代表是一减AB。对不,那一级叠也是一样,为了区分开,你给他打个标记。对不,那这块呢,是啥category传的啥,是不CATEGORY2。对不,那以及这块level是level是二。那这样不就区分开了。那以及这那咱们也替换一下。那这块呢是谁,是不是是不是CATEGORY3ID,以及level是level是三,那这样副组件这里你就可以区分开到底是几级ID了。
12:09
那这块呢,你需要去解构解构两个参数。一个呢是category ID,另外一个叫做level。对不?那你就可以通过level去区分开,到底是几级ID,对不?If如果level等于一,那是不是一减。比如说你这个category ID接收的是不是一级ID对吧?L if。那如果你的level等于几等于二,那你cat GR ID接受的是不是二减ad,那以及else接受的是不是三减?那当然负组件这里边儿呢,你得也有这三个数据,1ID 213id,因为将来你要存储进发请求。那所以说啊,咱们re一下,那这块呢,也是一样,Cat green。对,哎瑞E。那起始呢为空串,那以及还有CATEGORY2。
13:03
其实呢,咱们的也得来空串,以及还有CATEGORY3D其实也为空串。对不?对吧,啊,那当然,那这里面副组件是不是可以接收了,那写一下这块在干什么,是不是在区分啊,三级分类相应的ID。哎,相应的ID以及。啊,以及。负组件经营存储。那这块呢,就简单了,那就是这四点,Category eid等于category ID。对吧,那当然没有一了啊。那以及啊,还有底下这里,那这块就是啥,是不是this.cat GR。等于category ID。对不,那当然这块是多了个逗号,那以及这块呢,也是一样,This。Category。
14:01
CAD等于category ID。那咱们呢,还是得打开开发者工具去看一下对不对。对吧?哎,咱们得看一下,那这里面呢,出现了一些语法的错误,那咱们看一下是什么语法的错误,是不是这写了个等号对吧?那这当然不能写等号,你得写啥写冒号啊好了,那咱们来看一下O不OK。那么回到咱们正在开发这个项目当中,打开咱们的开发者工具看一下。找到它的副组件,副组件应该是是不是咱们的a tr看这啊。学生说没问题,EID2手机是不是二手机通讯是不是13,以及手机是不是61。但是你要注意一件事啊,当手机一级分类发生变化的时候,数呢?那你要明白一件事,什么事,上一次的二级和三级是不是得清楚。对不对,那以及二级分类发生变化的时候,上一次的三级分类的ID是不是也得清所是同样套,当一级分类发生变化的时候,二级分类的ID category2id给它滞空。
15:11
对吧,以及三级分类的ID也给他指控。对吧,那咱们呢,可以看一下这对不对,对吧,你这玩意儿你别自己搁那凭共享,咱看这块儿看代码看效果。那学生说一级分类手机二。13。61当一级分类变化的时候,走一级分类的ID是不是五,其余两是滞空,当你二级分类选中的时候,OK,那是不是可以选择三级分类?对吧,当你二级分类再选的时候,你上一次三级分类的ID是不是也得干。对不,那所以说也是一样,当二级分类的ID发生变化的时候,那也是也是一样,把三级分类的ID也要给他,也要给他清空。而且呢,还要注意一件事,什么事,每一次都是当三级分类ID,有的情况下你是不是要发请求。
16:05
请求什么?是不是请求相应的平台属性,是不是进行展示?对不,那也就是说当你else执行的时候,这是什么,代表了啥。哎,代表三级分类的ID有了。对吧,哎,有了。那三级分类ID都有,你想二级和一级是不是也有,那你就可以怎么办,是不是发请求。发请求获取啥获取平台的属性了。对不?那咱们先写一个函数,比如说这点guide a tr list。那当然,你将来需要携带三个ID去发请求、获取数据、展示数据。对不,那咱们呢,把这个方法呢,先给他写上。对吧,啊,那这块叫get a e tr list。那咱们这里面呢,去写一下这块在干什么,说获取平台的,哎,平台。
17:00
属性的数据。平台啊,平台属性的数据。对吧,那将来要发请求,那咱们在这呢,先给他打印一句话叫发请求。对吧,哎,发请求,那咱们看一下。是当你三级分类的ID有的时候才会发起,你看一级分类。二级分类三级分类是不是要发请求,以及是不是要发请求,对不?对吧,哎,这是没问题。好,那所以说到目前为止,咱们把三级联动的所有业务给他完成。
我来说两句