页面切换及参数传递

页面切换及参数传递

在课程的大纲

• 通过组件a切换页面和传递参数
• 通过接口router切换页面和传递参数
• 接收参数
• 回传参数

通过组件a切换页面和传递参数

组件a可通过配置href属性跳转到应用内的页面

通过组件a实现页面切换时，可以通过‘?key=value’的方式添加参数，支持参数为变量

通过接口router切换页面和传递参数

切换页面

router接口在使用前，需要先导入模块

router.push(OBJECT)支持的参数url与组件a的href属性完全一致

router.replace(OBJECT)的支持的参数url不支持调起电话、短信、邮件，其他与push一致

传递参数

router接口的参数params可配置页面跳转时需要传递的参数

接收参数

组件a和接口router传递的参数的接收方法完全一致：在页面的ViewModel的protected属性中声明使用的属性

注意：

• protected内定义的属性，允许被应用内部页面请求传递的数据覆盖，不允许被应用外部请求传递的数据覆盖
• 若希望参数允许被应用外部请求传递的数据覆盖，请在页面的ViewModel的public属性中声明使用的属性

回传参数

假设存在页面A和页面B，先从页面A跳转至页面B，然后从页面B返回到页面A时，需要传递参数

此时，组件a和接口router传参不能满足需求，可以借助于app级别的对象：this.$app.$data

接收参数

传递参数