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 | 字体库位置 |