data-view-rel
声明点击后的跳转目标。
声明位置:
任意 DOM 元素。
是否必须:
否。
属性取值:
  1. 1.
    目标视图ID
  2. 2.
    目标视图ID及目标视图命名空间
  3. 3.
    目标视图及视图选项
  4. 4.
    视图名称
  5. 5.
    外部链接
例如:
<!-- 跳转至 default 命名空间下ID为 profile 的视图 -->
<span data-view-rel="profile">个人中心</span>
<!-- 跳转至 b2c-mall 命名空间下ID为 home-page 的视图 -->
<span data-view-rel="[email protected]">积分商城</span>
<!-- 跳转至 default 命名空间下ID为 profile 的视图 -->
<!-- 使用视图选项携带1个参数:showFooter=false -->
<!-- '!' 符号是视图信息与视图选项的分隔符 -->
<span data-view-rel="profile!showFooter=false">个人中心</span>
<!-- 跳转至 default 命名空间下ID为 goods-detail 的视图 -->
<!-- 使用视图选项携带2个参数:id=G01 和 count=2 -->
<span data-view-rel="goods-detail!id=G01&count=2">商品详情</span>
<!-- 跳转至 视图名称 -->
<!-- '~' 符号用于告诉 View.js 后边的内容是 视图名称 -->
<span data-view-rel="~profile">商品详情</span>
<!-- 跳转至 视图名称 -->
<!-- 同样可以使用视图选项传递参数 -->
<span data-view-rel="~goods-detail!id=G01&count=2">商品详情</span>
<!-- 跳转至 相同目录的 page2.html -->
<!-- '@' 符号用于告诉 View.js 后边的内容是外部链接 -->
<span data-view-rel="@page2.html">商品详情</span>
<!-- 跳转至 sub 目录的 sub1.html -->
<span data-view-rel="@sub/page2.html">商品详情</span>
<!-- 跳转至 view-js.com -->
<span data-view-rel="@http://view-js.com">商品详情</span>
<!-- 跳转至 view-js.com -->
<!-- 当跳转目标是 http:// 或 https:// 或 ftp:// 开头时,可以忽略 '@' 符号 -->
<span data-view-rel="http://view-js.com">商品详情</span>
<!-- 打开拨号界面 -->
<span data-view-rel="400666666">400-666-666</span>
Copy link