data-view-rel
声明点击后的跳转目标。
声明位置:
任意 DOM 元素。
是否必须:
否。
属性取值:
  1. 1.
    目标视图ID
  2. 2.
    目标视图ID及目标视图命名空间
  3. 3.
    目标视图及视图选项
  4. 4.
    视图名称
  5. 5.
    外部链接
例如:
1
<!-- 跳转至 default 命名空间下ID为 profile 的视图 -->
2
<span data-view-rel="profile">个人中心</span>
3
4
<!-- 跳转至 b2c-mall 命名空间下ID为 home-page 的视图 -->
5
<span data-view-rel="[email protected]">积分商城</span>
6
7
<!-- 跳转至 default 命名空间下ID为 profile 的视图 -->
8
<!-- 使用视图选项携带1个参数:showFooter=false -->
9
<!-- '!' 符号是视图信息与视图选项的分隔符 -->
10
<span data-view-rel="profile!showFooter=false">个人中心</span>
11
12
<!-- 跳转至 default 命名空间下ID为 goods-detail 的视图 -->
13
<!-- 使用视图选项携带2个参数:id=G01 和 count=2 -->
14
<span data-view-rel="goods-detail!id=G01&count=2">商品详情</span>
15
16
17
<!-- 跳转至 视图名称 -->
18
<!-- '~' 符号用于告诉 View.js 后边的内容是 视图名称 -->
19
<span data-view-rel="~profile">商品详情</span>
20
21
<!-- 跳转至 视图名称 -->
22
<!-- 同样可以使用视图选项传递参数 -->
23
<span data-view-rel="~goods-detail!id=G01&count=2">商品详情</span>
24
25
26
<!-- 跳转至 相同目录的 page2.html -->
27
<!-- '@' 符号用于告诉 View.js 后边的内容是外部链接 -->
28
<span data-view-rel="@page2.html">商品详情</span>
29
30
<!-- 跳转至 sub 目录的 sub1.html -->
31
<span data-view-rel="@sub/page2.html">商品详情</span>
32
33
<!-- 跳转至 view-js.com -->
34
<span data-view-rel="@http://view-js.com">商品详情</span>
35
36
<!-- 跳转至 view-js.com -->
37
<!-- 当跳转目标是 http:// 或 https:// 或 ftp:// 开头时,可以忽略 '@' 符号 -->
38
<span data-view-rel="http://view-js.com">商品详情</span>
39
40
<!-- 打开拨号界面 -->
41
<span data-view-rel="400666666">400-666-666</span>
Copied!
Last modified 1yr ago
Copy link