057-尚硅谷-尚品汇-分页器完成

好嘞，各位同学，那咱们呢，刚刚啊是把这个分页器啊，动态的给它展示出来。那接下来呢，咱们呢，并没有完事。举个例子。当老师一点击发。那你是不是得通知通知谁，通知副组件，告诉人家当前是第八页，你是不是得发请求？诶，同志们对不对。你要明白啊，现在咱们的这个这个这个这个这个这个这个这个飞二器啊，看这啊，现在咱们的这个飞二器所有的数据现在都是假的呢。对不，而且你要注意当来将来一点击，比如第八页，你是不是得告诉父亲啊第八页。对不，这玩意儿和这个不是一样，这不都是子组件吗？你是不是得通知父亲诶，我现在是第八页。你修改参数是不是到第八页的进行展示。对不，而且现在这里的数据都是假的。

都是咱们测试时候，测试时候写的。所以说这块咱们得替换。对不？这块你得替换啊，就这些数据都是咱将来就是刚开始假装测的，那咱们得替换。那首先说你当前页最开始，老师问你最开始的时候应该首先默认应该是第几页，就咱还没点默认应该是第几页，是不是第一页。那所以说你看咱的色paramas当中这个配置不就是一吗。所以这块呢，你得变成活的数据，所以应该变成啥叫做search。Paramas啊，SE色置paramas d配置no。对不，那这个配置size应该谁？那配置size不就是这的配置size吗？对，不说这块写作这块是search para。哎，PAR它的啥page size。对不，那以及数据一共有多少条，说老师这个数据咱知道吗？老师问你，咱知不知道。

就是当前的这个当前色纸模块当中，这块一共有多少数据，咱知不知道知道在哪在仓库当中。咱们可以看一下咱们的仓库，来你看一下子啊。咱们找一下咱们的仓库你看啊。你看这应该是哪个仓库呢？应该是咱们的这个色下，那色当中这里有没有，总共多少条数据，是不是有。仓库当中是有的，只不过咱从来没有捞过。对不，那所以说你在咱的副组件当中，你需要把一共多少条数据拉倒。那所以说咱们得映射为组件实力身上的属性，所以这要得用到谁，得用到map state。那所以说回到哪，回到咱们的这个computer当中，对吧，那这块老师都先给它折上。

你这块你得咋的，你是不是得获取咱们的这个这个设置模块。对吧，展示的产品一共多少数据，你不能是假的，是真的。那这块怎么整点点点。叫做map state。对不，这不就是同样套路吗？那这个角叫偷头，应该等于什么？等于state？对，不应该是state.search点我看一下是啥点search.search list下的头。对不，第2SEARCH。Surface list下的头。这不就服务器仓库当中的那个数据吗，真实数据。那所以说咱们先刷个新，先看一下咱们的这个组件身上能不能拿到。就这个设置，看一下能不能拿到。计算在这里啊，应该是这的，对不是不是25，那所以说你这块不应该是假的数据，你得换成真的了，那就是谁就是头头了。

To，就这块儿能不能懂？哎，老师问你就这几个参数能不能懂，能懂的给老师扣一个六。比如说这块你不应该再写假的数据，你默认上来不就第一页吗？那不就是咱这儿的数据吗？对不？对不，那以及每页三条数据，一共多少条数据多少条，一共多少条数据咱是找仓库要的，你得变成真实的数据。对不？那你说你接下来要干什么？那你接下来你得琢磨了，你这个分页是一个子组件，我点击第五页，你是不是得告诉父亲，诶，我是第五页，你是不是捞第五页的数据，我点第九页是不是得告诉你，诶第九页你捞第九页的数据对不对？所以说那还有谁还有点击上一页下一页你点击上一页，比如当前第五页，你点击八，上一页是第四页，再点第三页，第二页，第一页当然不能出现负数和一，你是不是都得通知父亲。

对不？那所以说子给父通信用到谁？老师问你们。这不跟这玩意儿是一样一样的吗？子给父通信是不是用到自定义事件？告诉父亲我当前是第几页，你捞第几页数据？那所以说这块咱得怎么，咱们是不是还得来个自定义事件。哎，这能不能跟上。可以吧，所以说咱们还得来一个自定义事件，比如说I，咱们叫什么事件。那咱们就叫做呃叫做叫做啥呢？叫做嗯，Get。配置no事件。对不？你需要来个回调，回调就叫做a get配置O。对不？所以说咱们给他来一个自定义实验，让子组件把当前又要通知给谁，通知给他的父亲。当然咱们现在没有这个方法。那咱们回到底下这儿。你是不是还得定义一个方法。对不，那把这块没用，先给它合上在哪是不是，呃，在咱们的method method有没有，有吧，这呢吗不。

那这块呢，咱们再来一个，这是这是自定义事件。的回调函数干什么？是不是获取当前第几页？第几页对不？对不，那所以说将来这块老师你说要不要接收参数。要吧，是不是就是你传过来的配置no，那咱还没传呢，咱到时候打印一下子这样配置no。那父亲在等待着儿子给他传递数据，但老师问，你那个那个子组件触发自定义事件了没有？那所以说你得回到哪，回到咱们的子组件这里要触发自定义事件。对不？那举个例子啊，老说你。你说咱这些按钮啊，哪些按钮是有点击事件的，老师问你，你说这些是不是都有点击事件。

但是要注意点点点有点击时间。老师问你啊，就比如说上一页下一页你是不是有点击事件。你点点点有吗？点点点是不是没有啊。哎，对不对。对吧，那咱们一样来，学员说这个这个上页。你要明白啊，现在当前是第一页，老师问你，你这个上一页还能点吗。咱就从左往右搞，就举个例子，当前是第一页，你还能点上一页。还能不能告诉我不能了吧，因为在第一页的上面没有了，所以说咱们的这个上页12能点时而不能点，加上谁加上咱们这个disable了。什么时候他不能点，比如说你的配置，当前页配置O等于一。你是不是就不能点了，你看吧。如果当前页是第一页，你还有上一页吗？就没了，就不能点了。

这个能不能懂，能懂吧，那但是那如果说你当前是第二页老师再给他调调数据。对不，咱调一个舒服的一个数据，就比如当前是第八页。或或或者咱在这调，就比如当前是第八页。调一下。那假如说当前是第八页，我问你这个上一页可不可以点，可以点。那你当前上演老师，你点击它，你是不是要给父亲传页码，我给你传几。当前是第八页，你点击它上页是应该是七。对不，所以这块你得得点击click。那你是不是要通知父亲，当前的页码是几页？上一页是应该是第七页，那这玩意怎么写？应该是艾it是不是触发自定义事件？哪一个自定义事件看一下，自定义事件叫啥玩意儿忘了。哎呀，这个自定义事件叫做什么什么get配置no。

对吧，得到单铁页。那你这块应该写什么自定义事件的名字，以及传奇老师给你传是不是应该是当前页码？减几减一。这能不能相等，就比如说当前是第八页，你一点击上一页是不是应该是七，再点是不是六是54321对不对对不，你看咱看一下子啊。你看这儿。老师呢，给他打印一下，看这click啊，哪有click，看这当前页是第八页，我点击上一页找数七。我再点六。54321对不对，但是你要注意，咱们现在这块的值没有变，这块是死的。因为这块现在目前而言，当前页永远是几，永远是八。这能懂不？所以你一点击应该上页，上页应该是应该是七。这个能不能懂，能吧，那你再看它。你再看他。那你说你也可能点击的是这个一。

是不是就是这个一，那你点击它，你应该通知父亲，应该是第几页，我问你是不是也得点击它I click。那你是不是还得触发这个自定义事件？对不，那老说你这个传奇。就是这个，如果你点的啥应该传几。就穿一就完事了，这儿对不对。是不是就传个一就行，你点它它一定是一。这能懂不？可以吧，哎，老师先问一下，就这俩玩意能不能走。告诉老师，就这俩玩意能不能懂。可以吧，好，那点点点是点不了的，点点点是没办法点，为啥？因为你点点，你想想你一和五之间有2345，我怎么能确定是几次点点，咱是不点的。对不，你点六那是不是就六，你点七是不是就七，所以说中间部分你也得点。那你点的时候你传的是谁就完事，就艾click还是一样吗？给他拿。

给老。CTRLV。对不？当你一点击中间这部分，我问你传谁，是不是传当前你点中这个配置是不是就行了。对不对。因为你现在展示的是不是就是配置，你点击它是不是传配置就行了，所以你自己再看，你看我点中间的这部分，我点六是不是就六，我点7.8是不是就八，我点我点我点五是不是就五，这能懂不？这能懂吧，那以及你再看这。你再看这底下这个点点点它也点不了。那老师问你啊，你说点这个，他一定传的是谁。就点击那个总页码，它一定是是不是就是偷偷配置。你点击最后这页一定是偷偷配置对不？所以你看你点击的谁，你点击的是九，那不就是九吗。哎，这能不能想通。

能吧，但是你要注意最后的这个是不是也可以点，就是下一页是不是也可以点，但什么时候不能点。老师，你就这个下页什么时候不能点。就是这个下一页什么时候不能点，如果你当前页就是最后一页，还有下一页没了。咱就举个例子，就比如说当前页就是第九页，你还有下一页了。喂。就比如当前页是第九页，你点击下一页，还有下一页没有了，这就不能点了，所以这玩意怎么判断，比如说你这玩意什么时候不能点。如果你的当前页。等于偷偷。呃，偷诶怎么讲tol偷配置你就不应该点了。对不？对不对。对吧，你看吧，举例，我现在一共就是第九页嘛，你看老师假如说这玩意改不了，就比如说现在是第九页，你看老师给他改上，我现在是第九页。

你第九页了，你的下一页你不应该还能再点了，你看嘛。能刷新。呃，走这个这个这怎么这么慢呢，你看嘛，就比如当前是第九页来，老说你还有下一页就没了。这样懂吧，那如果说你不是第九页，假如说你是第二页，那你有没有下页，有你有下一页，你是不是还得传。那就是啥，那是不是应该是他加几，当前页下一页是不是加一。对不，下一页是不是应该是加一，所以到这能不能走，就这几个按钮点击谁传谁能不能整懂。所以说这块呢，你要注意就是上一页和下一页，你得注意什么才能有上一，你当前页如果等于一，还有上一页没有。如果你当前页是第五页有，下一页没有了，你下一页不就在当前页加一吗？上一页不就在当前页减一吗？剩下不就中间这部分。所以你不管点谁，你都可以把你当前的页码给了谁说给了副总监？

那咱找下找下附子是不是就在这儿，是不是就拿到了你当前的页码。这是副组件，副组件已经能拿到你点击的那个页码了，那老师问你，你接下来干什么。你看你点，不管你点击谁是不是都能拿到当前这个页码，对不，你要干什。你是不是要把给服务器带来的这个参数再整理一下，再发请求是不就完事了。所以说第一步干什么？先整理参数，就是整理带给服务器的参数。比如你的Z点设置para点配置no，应该等于啥？应该等于你传过来这个配置no之后再等再次发请求。对，不，就是这点get。那这不就完事了？所以说你自己看一下子走，这不就完事了，那假如说你看这。我现在点的是第五页走，你看老师是第五页儿数据。

而且这个这个分热器结构是不是也是对的，我点击第九页走，是不是第九页第五页只有一条水。我再点击第一页，就第一页儿数据。我再点击第三页是第三页数据，我再点击第五页是第五页数据，就这能不能走。所以一定要注意，你写了非器，最终你还是要向服务器发请求的，每一次你要告诉服务器，我现在是第几，你看举例，我点第五页。你看嘛，这个list的带的配置O是不是就是五。对不，我点击第九页走，你带的配置是不是就是九上去。就这个能不能懂，能懂的给老师扣一个六。所以说你回首再看看咱分析器点的这块，一定要注意中间那个点点是点不了的。对不？而且老师问一下，就这种写法能不能理解。老师没有写回调，我这种写法能不能OK？我问一遍啊，就是这块老师没有写回调，应该是在回调函数里面，就是这点dollarit怎么怎么的，我这么写行不行。

可以吧？所以说这个分页器不难。有一说一，真不难。但是对于你们而言，可能第一遍说，诶老师我听的时候感觉都OK，但是自己一练的时候就发懵。但是老师，不管你怎么样，你今天必须要完成一件事，就今天务必自己能给我手写出这个非常器来。就是今天。很重要的一件事情就是给我手写一个自定义分页器的功能。OK吧，好嘞。