伪视图
伪视图,是并不真实存在,但具有逻辑含义、可以指导 View.js 进行视图切换的视图。
View.js 预置了如下几个伪视图:
  • :back,代表 “上一个浏览的视图”
  • :forward,代表 “下一个浏览的视图”
  • :default-view,代表 “当前页面的默认视图”
伪视图中的符号 “:” 是必需的。去掉 “:” 后,将代表视图ID,而非伪视图。
使用示例:
main.html
1
<!-- 返回至上一个视图 -->
2
<a data-view-rel = ":back">返回</a>
3
4
<!-- 前进至下一个视图 -->
5
<a data-view-rel = ":forward">前进</a>
6
7
<!-- 前进至首页 -->
8
<!-- 等同于 <a data-view-rel = ":default-view" data-view-rel-type = "nav">首页</a> -->
9
<!-- data-view-rel-type = 'nav|change' 用于指定切换方式:“压入堆栈|替换栈顶” -->
10
<a data-view-rel = ":default-view">首页</a>
11
12
<!-- 替换至首页 -->
13
<a data-view-rel = ":default-view" data-view-rel = "change">首页</a>
Copied!
开发者也可以在 js 文件中使用伪视图进行视图跳转:
action.js
1
/**
2
* 返回至上一个视图。等同于:View.back()
3
* 支持 params - 视图参数,不支持 options - 视图选项
4
*/
5
View.navTo(":back"{
6
params: {
7
param1: 'value1',
8
callback: function(){}
9
}
10
});
11
12
/**
13
* 前进至下一个视图。等同于:View.forward()
14
* 支持 params - 视图参数,不支持 options - 视图选项
15
*/
16
View.navTo(":forward");
17
18
/**
19
* 替换至首页
20
* 支持 params - 视图参数,支持 options - 视图选项
21
*/
22
View.changeTo(":default-view");
Copied!
  1. 1.
    :back:forward 支持API:View.navTo() 调用,不支持 View.changeTo() 调用;
  2. 2.
    :default-view 同时支持API:View.navTo()View.changeTo() 调用。
Last modified 2yr ago
Copy link