dom

包含对Vue节点(Virtual-DOM)的操作方法

模块引用方式:let domModule = weex.requireModule(“dom”) 该模块包含的api如下:

scrollToElement(node, options)

让页面滚动到对应的节点

入参说明

TIP

节点,参数

调用示例

domModule.scrollToElement(node, options);

参数详解

TIP

参数详解见下表

#node参数说明:

参数 类型 说明
node Dom Node 要滚动到的那个节点,通过ref标记

#options参数说明:

参数 类型 说明
offset number 一个到其可见位置的偏移距离,默认是 0
animated boolean 是否需要附带滚动动画,默认是true

通过标签的 ref 获得其布局信息,返回的信息在 callBack 中. 如果想要获取到小程序页面的布局信息,可以指定 ref='viewport'

getComponentRect(node,callback)

获取布局信息

入参说明

TIP

节点,参数

调用示例

domModule.getComponentRect(node, ret => {

})

参数详解

TIP

node,DOM Node类型,要滚动到的那个节点,通过ref标记

dom.addRule(rule,options)

为 dom 添加一条规则

入参说明

TIP

规则,规则参数

调用示例

dom.addRule(node,options)

参数详解

TIP

参数详情见下表

rule参数说明

参数 类型 说明
rule String 为dom添加一条规则,目前只支持**'fontFace'**

#options参数说明

参数 类型 说明
fontFamily String 字体名
src String 字体库位置