View.js
  • 简介
  • 视图
  • 视图命名空间
  • 视图容器
  • 默认视图
  • 活动视图
  • 视图标题
  • 视图直接访问
  • 回退视图
  • 视图布局
  • 视图上下文
  • 视图配置
  • 日志输出
  • 视图跳转(一)
  • 视图跳转(二)
  • 视图名称
  • 识别浏览器的前进与后退
  • 视图跳转动画
  • 伪视图
  • 视图参数
  • 视图选项
  • 事件驱动(一)
  • 事件驱动(二)
  • 事件驱动(三)
  • 初始化
  • 使用View.js的注意事项
  • 问题反馈及寻求帮助
Powered by GitBook
On this page

Was this helpful?

伪视图

伪视图,是并不真实存在,但具有逻辑含义、可以指导 View.js 进行视图切换的视图。

View.js 预置了如下几个伪视图:

  • :back,代表 “上一个浏览的视图”

  • :forward,代表 “下一个浏览的视图”

  • :default-view,代表 “当前页面的默认视图”

伪视图中的符号 “:” 是必需的。去掉 “:” 后,将代表视图ID,而非伪视图。

使用示例:

<!-- 返回至上一个视图 -->
<a data-view-rel = ":back">返回</a>

<!-- 前进至下一个视图 -->
<a data-view-rel = ":forward">前进</a>

<!-- 前进至首页 -->
<!-- 等同于 <a data-view-rel = ":default-view" data-view-rel-type = "nav">首页</a> -->
<!-- data-view-rel-type = 'nav|change' 用于指定切换方式:“压入堆栈|替换栈顶” -->
<a data-view-rel = ":default-view">首页</a>

<!-- 替换至首页 -->
<a data-view-rel = ":default-view" data-view-rel = "change">首页</a>

开发者也可以在 js 文件中使用伪视图进行视图跳转:

/**
 * 返回至上一个视图。等同于:View.back()
 * 支持 params - 视图参数,不支持 options - 视图选项
 */
View.navTo(":back", {
   params: {
      param1: 'value1',
      callback: function(){}
   }
});

/**
 * 前进至下一个视图。等同于:View.forward()
 * 支持 params - 视图参数,不支持 options - 视图选项
 */
View.navTo(":forward");

/**
 * 替换至首页
 * 支持 params - 视图参数,支持 options - 视图选项
 */
View.changeTo(":default-view");
  1. :back 和 :forward 支持API:View.navTo() 调用,不支持 View.changeTo() 调用;

  2. :default-view 同时支持API:View.navTo() 和 View.changeTo() 调用。

Previous视图跳转动画Next视图参数

Last updated 5 years ago

Was this helpful?