单词竞技场小程序实战总结（4）

小程序项目实战（4）

2. #### 实现单词详情数据库交互

2.4 工具函数的使用，记录日志、播放单词发音

为了方便开发，通常会把共用的相对独立的功能，放到工具类中。本系统的工具类为utils.js

需要以日志的形式记录加载到的数据，并在页面加载完100毫秒后，播放单词发音，因此需要导入日志记录函数和单词发音函数（因为工具类中导出了多个函数，因此导入是需要将导入的函数用大括号括起来）

之后只要在适当的地方调用这两个函数即可。

的地方调用这两个函数即可。

2.5 事件和页面跳转
在对战结果页面，点击单词可以跳转到单词详情，看完单词详情后，点击返回按钮还能返回到对战页面。

需要为单词上添加点击事件，用户点击后，跳转到单词详情页面。添加点击事件的代码如下：

在单词显示组件上，绑定单击事件，通过@click进行的，用户点击后，会触发toWordPage函数。需要在methods中定义toWordPage函数

在toWordPage函数中，我们拼装了单项详情页的路径，同时把单词标识通过页面参数的形式传递到了单词详情页，这样单词详情页就可以显示对应的单词详情了。
最后通过uniapp提供的uni.navigateTo函数就可以跳转到指定页面了。跳转页面函数详见官网文档。