00:01
好嘞,各位同学,那咱呢,还得接着继续。接下来咱们要讲的是哪啊,讲的是这里啊,看这。看。那首先说啊。当老师啊,你看这咱已经做过了,咱也首先看这手机下的手机没问题对吧,你搜华为也没问题,华为也没问题。对吧,这咱都做完了,对不但你要注意一件事什么事,你看这儿给他删了删,这不就咱刚刚做完的吗?这已经上线的这个项目啊,你看这样,那如果说用户现在进来了。对不,他啥都没搜呢,我现在点品牌,我只想看苹果的手机。那我问你,面包屑当中是不是也得多一个叫苹果的,是不是得把这个品牌是不是得展示出来?这不以及要拉取服务器的数据,以及你一删是不是又回到原始状态?就这能不能懂,也就是说咱们品牌这里也是活的,举个例子,我现在想搜,明明可以靠颜值吃饭,却靠技术行走江湖,那你要搜这个品牌的,你是不是要展示这个品牌的数据?
01:09
对不,那假如说我搜的是你好,那走,你是不是要展示你好的数据。对吧,一删是不是又回来了,就这儿能不能走,比如说品牌的这里咱们也要进行操作。OK不OK的,给老师扣一个六。O,不OKOK的,给老师扣一个六。OK吧,好嘞,那咱们呢,把咱们的这个项目给他跑起来。哎,80808080,看这。看这啊,走。当然咱们现在这个品牌啊,你点不了,你也什么都做不了。但是你得注意一件事儿。就是这个品牌啊,它在哪儿呢?是在色组件当中吗。老师问你就是这个品牌,咱就先不用看底下,你就看这个品牌这。
02:02
老师,你品牌这是在咱们的色质组件当中吗?不是啊。在哪儿呢?是在咱们的设组件当中,这个子组件当中。就是谁就这老师给你折着,在哪呢,在这儿呢。哎,老师先把明文写出是在这儿呢。是四的子组件。对不,那所以说咱们先找到先找到先找到它,你看这吗。咱们找一下品牌的地方,那是不是这儿。这些品牌在哪儿,是不是在这儿。对不?哎,品牌的地方,你看老师还做了个标记,是不是这样呢?那也就是说当你点击品牌的时候。你是不是一点击还得做一些事儿,但做什么咱们先不管,你先找个地儿点击某一个品牌,先谈个123。那咱们找一下应该在哪,是不是在这儿呢?这不就是咱当年的品牌吗。对不对,对吧,那咱们给他绑定个单击事件,比如说艾click对不?比如这个咱们叫什么呢?比如说咱们这个叫叫叫叫呃叫点击品牌,那咱就叫什么叫做吹的。
03:10
Mark对吧,Mark的handle hand。就是品牌的事件处理。那咱们没这个函数,你给他写一个呗,你该写在哪,是不是写在MY这。对吧,叫method。那这个是什么说品牌的,哎,谁讲品牌的事件处理函数。这不,名字叫什么,叫trademark。对不?那咱们呢,一点击老师做一件事啊,这块我先让他给他提上来,就不格式化好了,让他先好看一点。格式化是一个很恶心,这样老师还给他提上了,因为咱们一会要用这啊。给他提上来。啊走行,那咱们一点击呢,老师呢,要给他来个什么呢?就是alert对吧,123,你看一点是不是先弹个123。
04:05
对不来刷新,看这我走。我走啊,没问题。但是你要明白你接下来要干什么呀?这块一定要注意。这个大的区域是咱的设置组件。而你这个品牌区域是属于咱们的设置组件当中的一个子组件,当你一点击苹果的时候,你要明白你要干什么。老师问你,你要干什么?你是不是咱们的?你就举个例子,你现在一点击苹果,你是不是得向服务器发请求?带着带着,谁应该带着品牌的名字向服务器要数据,你看嘛。咱们看一下咱们那个接口,你看这儿。你看这儿。咱们看咱们的搜索商品。就举个例子,当你一点击苹果,你是不是要带着吹的mark?
05:01
是不是带着品牌的信息向服务器捞数据?就这能不能懂。诶,这能不能走,比如说你点击你在这,你要想明白一件事,什么事。就是你点击了品牌,点击了品牌对不?就比如说你点击的是苹果。你还是?需整理参数,向服务器发请求,获取相应的数据,相应的数据进行展示。对,不,但是现在的问题是什么?现在的问题是老师问你是在子组件当中发请求,还是在父组件发当中发请求。你要明白的一件事啊。就是咱们现在发请求是在副组件当中发。还是子组件当中法。告诉老师。
06:01
就是现在老师的问题是什么,就是老师的问题啊,啊就是老师的问题是是副组件发请求呀。还是子组件发请求?哎,组件发请求。告诉老师,如果是副组件发请求,你给老师扣一个一。对不,如果是子组件发请求你给老师扣个二。为啥呀?那谁能告诉老师为什么非要在副组件发请求?因为很简单啊,因为咱们整理的那个参数设置。那个不是带给服务器的参数嘛,你看嘛。Search paramas是不是咱整体的参数是不负组件,是不是整体的参数要带给服务器的?对不对。诶,对不对,这个是在副组件当中。那所以说当你一点击某一个品牌的时候,你的子组件要把。
07:00
你点的那个品牌的信息给父亲传过去。对不?你要先把这先给我想明白,我让你们冷静一下。第一个为什么老师先写下第一个就这块一定要相等。就是为什么是副组件发请求,老师的问题就是呃,在谁那儿发请求,就是在哪个。组件中发请求,这里一定要注意是负组件。为什么呢,对不来一个为什么呢,就是为什么呢,因为什么呢,为什么呢。因为呢,因为啊,因为。父组件中。的search。Para参数是带给服务器的参数。那子组件干什么,子组件需要把你点击的品牌的信息。
08:01
给谁传过去,是不是需要给父组件?传递过去。那你说这里面又涉及到了组件通信,是子给父,我问你,你想到了谁?先把这想想,想懂啊,就这能不能想懂,就是为什么是父亲发请求,因为父亲这里在整理参数呢。对不,这不有trademark吗?对不啊,只给副船舱。你要想明白得用到谁。子给父,子给父,子给父,是不是自定义事件?对不?那自定义事件怎么写?很简单啊。你回呃,咱咱咱咱们先说吧,你是不是一点击,是不是要把当前的品牌的信息是不是要唠叨,那老师问你这个回调函数要不要传参。咱先说别说别的,你一点击,你一点击是不是要把当前你点击这个品牌的信息是不是要给副子线传过去,那我问你这个回调要不要传菜。
09:03
要的,你是不是需要把当前你点击的那个品牌,就是吹的mark,你是不是要传过去。所以咱们这块接收一下,接收谁接收trademark,就是你点击的那个品牌trademark。那咱们打印一下,看他是个什么鬼,他是个对象。你看嘛,conso.log trade mark,咱们打印一下来看这。比如说老师点击的谁点的是小米,你看嘛。这个不就是咱们吹的mark?有相应的ID和你品牌的名字,对不?你点击谁,你点击你好,你看吧,是不是相应你呃,品牌的ID和品牌的名字。对不,那你要干什么?只给付同信这块一个,想用谁解决,用自定义事件。对不?叫做字。定义事件,那自定义事件怎么写呀?那很简单,你是不是得回到父组件这。
10:00
你得给这个子组件。绑定一个自定义事件。对不自定义实验以什么开头?以I的开头?别艾特,咱们要干什么呢?咱们是不是要获取到trademark的信息,对不?那咱就讲trade。Mark的音符。那这个是不是自定义事件的名称,以及自定义事件的回调,那咱就还叫吹的。Mark。那当然副组件当中有这个trademark这个回调吗?没有没有怎么办走。来这个老师给他复制一下。那你在底下这儿,你在副组件这,你是不是得写一个方法叫trademark。对不?咱们先把没用的先给它折上对吧,省得影响你们发挥对不?所以这块咱写上这是啥。这个是咱们的自定义事件的回调,对,不叫trademark info。对不,哎,那当然。老师问你这个自定义事件的回调什么时候出发?
11:03
你像在现在你在这儿,你只是相当于绑定了自定义事件,但是你没有触发,触发是在谁那,触发是不是在子组件这。对不就是当你一点击的时候,你要干啥,你要触发自定义事件就是这点。到了谁?Dollar是不是1IT?他是不是要给父亲传东西?这不,这点DOLLAR1IT事件的类型叫啥来着?还记不记得事件的类型是不是叫trademark音符是不是就是它?对不,那这块咱就给他写上呗。带谁过去说带着咱们的品牌的信息是不是过去。就就就就这能不能搞懂。你一定要注意啊,是只给负传递数据,那你是不是得用DO1米,那这边你是不是得艾。那相当于给父亲的这个回调里面是不是注入了品牌的信息?所以咱们这接收一下叫trade mark对不?那咱这里打印一下吧,Cons。
12:05
Log,对不,我是副组件,对不,逗号trademark。那老师呢,把这块的打印,我这这块没打印,你看能不能拿到来看这。走,你看这啊。啊走对不对,副组件能不能拿到品牌的信息,能不能能。那剩下的活那不就是整理参数发请求吗?不就完事了。就到这儿,能不能到就自定义是。来给老师一个回音,就是这个自定义事件到现在为止能不能理解?能理解的给老师扣一个六。能不能理解,能理解的给老师扣一个六,就是只给付通信,用的是自定义时间。别吝惜你那个键盘。OK,不?那也就是说副组件已经拿到数据了,老师问你,你说接下来干什么?
13:05
你接下来是不是要整理参数,但是整理参数的时候,你要注意要整理的是是不是这个trade mark的这个字段。但是他长成什么样,他要的是这种写法,那他不给你举个例子吗?Trademark右侧的值应该是啥?是这个品牌的ID冒号和品牌的名字,那这么整。示例上一苹果看见了吗?那也就是说咱们品牌整理数据的时候,你要注意它右侧的值需要样成什么样,要成这个样子。对不就咱们第一步干什么,整理参数。整理。品牌字段的参数,而他参数的长的什么,他要的是不是这个样子。要的是不是应该是呃,ID,品牌的ID和品牌的名称,那老师问你品牌的ID咱知不知道。那品牌的ID咱知不知道?知道吧,品牌的名称咱知不知道知道。那所以说啊,你得咋的,你得整理字段了,那就是谁这点search parama点叫trademark,不就这个字段吗。
14:09
看吧,不就是这个字段吗?你得给它赋个值值,为什么是不是它。应该是谁,Dollar?叫做trade的mark.t m midd冒号,因为你要的格式是不是ID和品牌名称是中间是不是有个冒号。冒号是谁?Dollar应该是a trademark点叫啥来着忘了。看一下叫啥来着。嗯。叫啥玩意还是从哪来,是不是从这来的,对吧,叫啥好像叫TM name是吧,啊叫TM name。对不,那老说你完事了吗?你没有完事,你说还得再发请求,如果说你不发请求,你自己看你自己看啊,我现在点击苹果。没啥反应,你看吗?看底下的这个数据啊,我点击苹果没啥反应,看见了吗?我点击小米也没啥反应。
15:02
对吧,你看是不是都是5555,我点你也好,那是不是没啥反应。所以说你得怎么的?你得得再次发请求,this.get。对,不再发请求。那所以说咱们这回你再看一下对不对,对不就整理完参数再怎么再次。发请求,获取search模块列表的数据。精战士。哎,进行展示。那所以说咱们看一下对不对,你看啊走。现在老师想搜谁,我想搜小米,走,你看,发发请求发了。展示的是不是小米手机?对不,我现在想搜搜什么呢?啊,这个我再给他刷新回来啊,我现在想搜谁,我想搜你好,你看吧,是不是你好的。对不老师再刷新,那我想搜明明可以靠颜值,你看是不是颜值。对不?但是你还得注意一件事,什么事?现在请求已经能发了,那假如说我点击的是苹果,你面包屑,这是不是也得多个苹果?
16:07
那也就是说你需要把search para哪个字段是把这个吹的mark字段?就是这个trade的mark字段,你是不是也要在面包屑这是不是进行展示?所以对不对,就是你搜索哪个品牌,是不是也得展示。就看吹的mark当中,它有没有这个字符串。没有它是空串,那就不展示,有了我是不是就展示这都能看见。对不?所以这块咱们还得来一个面包屑。来看这儿啊,找一下面包屑,就这那咱们再来一个,那这个什么是品牌信息的展示。对不,这是品牌的展示,就是面包屑,就是呃,品牌。哎,面品牌的面包蟹。对不安面包线,那咱们也是一样,你这块呢,也得判断判断,你这个这个这个叫啥来着,这个叫trade的mark。
17:01
这个字段有没有东西。对不,那如果有东西我是不是展示,那你展示能这么展示吗?叫trademark。对吧,叫叫叫叫叫叫trade mark mark。啊,Mart你看这么展示对吗?现在是能展示,但你展示的不对啊,你现在展示应该把ID也展示了,你看举个例子,我搜的是苹果走,你展示为二冒号苹果,因为咱们吹的mark字段存储的数值是啥,是ID和这个名字。所以说你只要名字,那你是不是需要把这个字符串干啥,是不是进行切割,只要数组的第一项。你展示出名字,ID是不是不应该展示?这能懂,不说这块你该怎么办,你得这么办。这玩意展示啊,是这个字符串点词,这不切割为数组吗?用谁切,用冒号切数组的第七项,第一项,这不就完事了。对不,那这回你再看一下,你看啊走小米是不是小米,但是你一点还点不了对吧,但是你看现在是不是OK了,我点你好是不是你好。
18:10
对不但是你一点老师说你是不是得删除完了再发请求,不跟原来套路是一样,所以说你也得给他绑定个一单一时间,那这个叫什么叫remove。叫蕊木吹的mark。对,不叫移除品牌。那移出品牌老师问你套路是不是一样的,对吧,CTRLC,那咱在底下呢,找一个methods找这啊,那这块老师把没有些折这块是干啥,是不是要删除。这个叫品牌的啊,品牌的信息。叫remove trademark,那你要干什么?你是不是把咱们那个such para身上那个那个trademark是不是在滞空,就是这点search para点叫trademark等于啥,等于安底发是不滞空。
19:00
那以及再怎么再次发请求。对不,所以说讲品牌信息指控。对不完了,再怎么再次发请求。I再次发请求,对不?这点谁get it,这不就完事了?所以你看回首咱们再看,这不就品牌的操作嘛,你看啊,举个例子。现在老师搜索的谁搜索是你好,你看展示你好的数据。那我一删,你看有没有再次发请求。有没有有吧,所以说就这能不能理解,能理解的给老师扣一个六。可以吧?
我来说两句