适用场景：安装了「FVS大屏编辑模式」插件的用户，可参考本文了解 FVS 模板的相关功能。

注：不支持移动端。

1.1 版本

1.2 功能简介

在 FVS画布和分页 文档中，我们了解了如何使用 FVS 自带的切换按钮切换分页。

那么本文将介绍的是：点击事件中的「分页跳转」事件实现自定义按钮点击切换分页的效果。

注：部分组件不支持「点击事件」，详情可参考文档 FVS组件交互属性 。

选中组件，点击「交互>点击事件」，选择「添加点击事件>分页跳转」，弹出分页跳转设置框。

• 事件名称：必填项，可手动输入事件的名称。不可与当前组件的其他事件重名。

• 触发对象：下拉可选择当前模板中的页面。当点击组件时，跳转至选中的页面。

3.1 准备模板

点击设计器左上角「文件>新建大屏模板」，在画布下方点击「新建页面」新建分页。如下图所示：

每个分页的内容根据实际情况自行设置即可，这里不再赘述。

3.2 设置分页跳转事件

1）在「页面1」中添加 3 个 标题组件 ，内容分别为 3 个分页的名称。

2）选中标题组件，点击右侧属性面板「交互>点击事件」，添加一个「分页跳转」事件。3 个标题组件分别设置不同的触发对象即可。

如下图所示：

3）在一个页面设置好所有标题组件的点击事件后，将这几个标题组件直接复制到其他分页即可。

3.3 效果预览

点击模板右上角「保存」按钮，再点击「预览」，其效果如下图所示：

点击下载模板：分页跳转事件实现切换分页.fvs

推荐你阅读本文类似场景：