00:00
好的,我们继续啊,那说完了这个视线绑定呢,这节课呢,我们来看一下小程序里边的啊路由跳转,那么路由跳转这一块呢,呃,并没有给他列到这个微信ma的语法里边啊,那是因为它属于呃用API去实现啊,而并不是页面语法来,那你看一下它默认的项目里面呢,点击头像的位置呢,是可以去跳转到另外一个页面叫locks。那现在呢,我们也去做一个同样的效果啊。首先我们需要呢,去再整一个页面对吧,因为你要页面跳转嘛,来右键新建一个目录啊,这里呢,我们也叫它logs,然后在它的下面呢,新建一个页面叫logs。来在这里啊,呃,两个页面有了,我们首先确认一下我们页面的路径来已经被写入了,没有问题,那接下来呢,我们做这个路由跳转呢,我们在这儿去做啊,就这有一个button。
01:00
哎,这有个button,我们点击这个button呢,跳转到这个locks,好,那现在呢,来到我们这个类似于button啊,其实它并不是个button,对吧,我们上节课说过啊,它呢是一个呃,无用,那现在呢,我把这个复制一份啊,我们放到下边,那这个呢给它注释掉啊,它呢是刚才用来去干嘛去测试。啊,去测试我们的这个时间绑定的,那对应的时间名呢,在下边我就给它换一下啊,我这个呢,换成什么two logs吧,啊一句话明确一点,里面这个呢,咱也不要了。嗯,然后呢,对应世界的回调呢,我们来到GS里边啊,我们去定义一下啊,那这个呢是干嘛啊,是跳转至啊logs页面的方法。嗯,给它放到这儿,嗯,然后呢,在这个里边我们去进行路由跳转,那小程序里边要进行路由跳转的话呢,需要用到对应的API,所以呢,我们来到官网呢,需要啊查看API的选项来点击。
02:09
来到API的页面。那在这里我先给大家收起来啊,它呢有很多的API,而且呢,不同的API呢,也进行了不同的分类,那这个时候呢,我先给大家展开一个啊,或者我们再展开一个,来你看一下这些API都有什么特点。哎,相信大家已经看到了啊,在小程序里边这些API呢,都是由微信这个对象去包含的,而在小程序的环境里边啊,它的全局对象是微信,注意在我们浏览器的啊环境里边全局对象什么window呀。这个不一样,因为它的环境不一样,而且呢,在小程序的环境里面是没有全局对象window的,这一点呢,大家要注意。OK,那么看完这个以后呢,在路由这一块呢,它有很多的路由跳转方法,我们先来看一个吧,啊叫navigate to。
03:08
这里呢,你看它这个方法很简单啊,对象点属性也是方法调用,里面呢,传一个配置对象。那它的作用呢,是保留当前的页面,跳转至应用内的某个页面啊,说白了可以跳转。对吧,那往下翻啊,要传的参数啊,有什么呢?你比如说啊,URL是路由地址,那说白了你要跳哪个页面,你是你是不是得告诉我呀,同时啊,下边还有什么,大家看啊,B传的参数只有一个,就是路由地址,那么下边呢啊,这个是event世界对象啊,包括说成功的回调,失败的回调,以及成功和失败都会执行的回调。那首先我们看到了它需要回调来。通知我们任务的结果,那说明当前这个行为呢,它是一个异步的行为。
04:02
而且这写的这种方式啊,你像成功失败啊,和成功失败都执行,那这个呢,是不是跟我们promise里边的那个回调特别像,只不过在那个里边呢,我们啊,Promise里边啊,咱们用到的呢,是任。对吧,还有什么catch。嗯,还有一个finally。对吧,哎,那成功的失败的,还有成功失败都会执行的好,那就是这个啊来,那这个方法呢,比较简单啊,我们直接去用一下,在这里呢,那就微信点navigate to大家看啊,它还是有智能提示,我一回车你看啊,他已经帮咱把默认的也是必须的这个属性呢给他写上了,那在这里。我们直接写一下这个对应的页面的地址就OK。那其实刚看到这啊,刚接触到这儿的时候,我的第一反应,那页面的路径不应该是这个吗。对吧,所以我们先把这个路径给他拿过来保存一下啊。
05:05
来打开我们的调试器。好,那这个时候大家看啊,我点击跳转走,你会发现除了没有跳转了,他报了一个错,哎,这个报错的内容,看这就OK了,来,那这样说呢,啊,Navigate to feel就失败了,为什么失败呢?说这个路径is not formed。找不到。啊,为什么会出现这个情况呢?你仔细看的话,你会发现他在我们即将要跳转的地址前面是不是又加了一层地址。那说明我们现在的这种写法,他认为你是什么相对路径,看我往下拖一点,也就是说他会从当前的位置出发找这个路径,那肯定找不到。所以啊,要注意在路由跳转这前边必须要加登路径,那保存一下我们再来看。点击走。
06:00
嗯,你看这个时候呢,他来到的是我们logs页面,没有问题,哎,说明它跳转成功了,那么navigate two的特点是什么呀?是可以支持,这有个箭头,我们点击就可以回退,哎,这是它的特点,那我们看一下除了negative to呢,还有什么read direct to。啊,这个单词我们认识。对吧,重定向,那它的作用呢,是关闭当前页面啊,跳转至应用内的某个页面,那么前面这个关闭当前页面,包括这个保留当前页面,这是干嘛的呢?啊,这个呢,需要我们讲完生命周期函数才能看到啊它的效果啊,那现在呢,我们先来看它的作用的。Redirect,你看要传的参数URL。还有什么成功失败的回调啊,那这个呢,其实跟navigate to一样啊,所以我们要测试它的话呢,很简单,只需要将navigate to呢换成dire to就可以了,来我们保存一下。
07:06
好,那这个时候呢,我们再去跳转一下啊走。大家看啊,跳转没有问题,只不过这个时候窗口这儿没有回去的按钮,这有个小房子,哎,我们看到了小房子,那说明啥?说明它这个是回到主页我点击啊,只不过现在比较巧合的是我们主页正好是index页面而已。哎,你要知道啊,那个小房子的作用跟你回后退的那个箭头它是不一样的。哎,那这是这个啊,还有什么呀,再看一个吧。那这个呢,是关闭所有的页面啊,跳转到应用内的某个页面来,别的不用动啊,我们只需要把这个API呢给它换上来就OK。保存一下。嗯,那我们再跳转,你看这儿是不是可以啊,没问题,而且呢,这儿呢也支持什么,回到我们的主页面。
08:00
OK,以上呢,就是路由跳转啊,它比较简单啊,相比我们rank和view里面,我们需要注册路由对吧,使用路由链接等等啊要简单的多。好,那就是这个,那在这里呢,大家要注意一下啊,可能有的同学会有疑问啊,诶,那这个页面的窗口我们并没有设置过,为什么是这个呢,你要注意。我们之前呢,在全局window这是不是设置过窗口的内容啊。啊,那全局的配置呢,是可以可以给所有的页面去使用的,那如果说我某一个页面不想用全局的配置。怎么办?比如说当前locks这个页面,我这个文字呢,不想叫上硅谷啊,我就叫locks或者叫日志。那我们应该怎么做呢?我们需要对当前的页面进行单独的窗口配置。在哪呢?在这个log杰森。那么在这配的话很简单很简单啊,相比于全局来说,你需要在温里面去写啊,在局部配置的话,我们要设窗口,那直接去写对应的内容就OK,不需要window。
09:09
哎,大家看我把这个navigation,哎,Bar title text这个属性粘过来,然后呢,我们把这个改一改,比如这个呢,就叫日志保存一下。然后啊,我们来看点击走,你看现在这是不叫日志了,哎,那这个呢,叫局部配置,而局部配置的优先级要高于我们的全局,那这是这个啊,这是这一个OK以上呢,就是我们。哎,路由跳转的内容好,这节课呢,我们先讲到这里。
我来说两句