00:00
好,接下来呢,我们来看一下怎么样去实现啊页码的切换,以及怎么样去实现页码大小的切换,那么我们先一个一个来看,比如说呢,我们就先来看一下这个size change,我们希望呢这个。切换页码大小的时候啊,我们的数据库啊,就是这个数中所取出来的数据哈,这个这个列表也和我们的下面的这个页码呢,产生一个联动效果啊,那我们这个时候呢,就要知道这个size change它怎么用,那么这个size change前面呢,有一个as符号说明呢,它是一个。事件对不对,那它如果是一个事件的话呢,我们就要知道这个事件后面肯定是一个方法了,对吧,肯定是一个方法的调用,这个方法怎么去定义啊,好,我们来看一下,在这个文档当中有个叫events的啊这么一个节点,这个节点下面呢有很多说明,其中呢,有一个就是size change,有一个呢就是current change,就是刚才我们看到的这两个,好size change呢,就是page size改变时会触发。
01:15
啊配size呢,实际上就是刚才我们说的。这个内容就它改变的时候,对吧,它怎么改变,它改变是通过切换它改变对吧,切换每页一条,每页两条,每页三条,它默认情况下是每页。每页两条,然后你一切换它就把它的切换就把它给改了,好它改变的时候除法,然后接下来还有一个非常重要的一个这个点啊,叫回调参数,什么叫回调参数呢?我们先来看这个回调参数是什么叫每页条数,每页条数大家看在这个位置啊,它是一个函数的调用,对不对,就说明我们在下面。是不是应该去定义这样的一个函数了啊,那它既然是一个函数,说明它这个地方是有参数的,对不对啊好,那大家看我们这边的一个函数调用我们传参了吗。
02:09
是不是没传呀,没传的话,那么这面是不是就相对应的,如果是它俩是一个对应的关系的话,是不是这边就没有参数啊,是真的是这样的吗?我们来看一下啊,假设说这款我传一个参数。比如说我传一个100。穿一个100啊,然后这面呢,比如说我定义一个A啊,我来接一下,看能不能把这100接过来。好,然后接下来呢,我们来看一下,那什么时候会触发他呢。就触发他呢,再趁着的时候会触发它,所以我们触发他一下。
03:03
F12,然后看看啊,然后这面呢,我们再次称着一下,出发了吧,好船的参数是100,然后接下来我们再称着一下,又是100。所以你确实是传回来了啊,确实是传过来了,那所以传这个参数有什么用呢?貌似好像没有什么用,但是假设说我现在不穿这样不穿。注意啊,没传参数重新刷一下。哎,好像我没传参数,他好像有默认的参数已经被注入进来了,是不是啊。有吗?有有吗有,好像貌似这个自动被。传入的这个参数好像正是我们想要的,而我们传的那个100应该是没什么用,所以这个参数叫什么呀?叫回调参数,什么叫回调参数,其实啊,这个地方它是一个分页组件内部注册的一个事件,这个事件呢,我们在整个的这个。
04:18
代码当中我们只需要定义这个事件里面,也就是说这个事件发生的时候你要做什么就行了,而调用这个事件的过程不由我们来决定,就什么时候调用,不是说你在这个地方调用圆括号代表什么,圆括号是不是代表方法的调用啊,不加圆括号是什么?不加原括号是不是方法的引用啊?所以我们这个地方注意不要写调用,要写引用,为什么?因为你一旦写调用了的话,这个参数就是由你来传了。啊,如果你写调用了,比如说写原括号了,然后你还没穿插,那这个地方就。
05:01
就变成UN find了,你写原括号了,你还没传参就变成on了,明白吧,好,那么变成UN find了,就说明人家里面本身的这个参数呢,就失去意义了,因为刚才我们会发现,如果我们不传这个参数的话,这里面的参数还是有意义的,就是你选的是几,它就展示几,这那个正是我们需要的内容,而你传的参数呢,就变成方法的调用了,就失去这个方法的。这个意义了,明白哈,然后那这个参数是谁传的,是由这个组件内部传的,组件内部传的是什么,他什么时候传,我们都不用管人家组件内部去决定了,我们要做的就是在这个地方把你的方法的引用复制给他,然后在这个地方呢,把你的方法定义出来,然后呢,接收组件内部给你传递过来的参数就可以了啊,所以呢,大家一定要注意,在我们的这文档当中,一旦有叫做回调参数的这样的一个内容的时候呢,就说明这个里面的参数啊,是组建内部已经帮助我们啊,在适当的时候组装好传递进来的,千万不要自己去画蛇添足的在这个地方添加原括号,甚至是添加参数,明白吧啊,就不要是写任何内容,就是一个啊嗯,方法跟名字放在这就可以啊,这块是强调了,然后这块呢,既然它是。
06:27
啊,我们的这个页码是吧,所以呢,我就给他写一个更为明确的意思吧,就叫size。所以呢,我们来看一下。一是吧,二是吧,三哈,在这块拿到它有什么用呢?是不是可以用这个size去重新的去查询这个数据啊啊,那怎么去查呢?我们把这个啊size的值复制给limit this.limit等于size,好,现在这个limit的值已经变了,这个limit值变了之后呢,我们直接this.such data去重新执行这个fech data的时候呢,这个limit就会用新的size进行查询,然后呢,我们列表当中的内容就是新的size,这样的话,我们的。
07:24
分页组件就和我们的列表就关联起来了啊好,我们来看一下啊,比如说这块呢,我用一个一条,你看是不是重查了这个下面这个错误你先不用管它,因为代码没写完,然后接下来呢啊,所以我把它关掉吧,你不建议心不烦啊,然后接下来呢,每页两条是吧,每页三条是不是,所以他们就联系起来了啊,这个是我们切换页码的这样的一个具体的方式。
我来说两句