来源:快应用
浏览 763
扫码
分享
2019-07-16 08:01:03
方法
数据方法
属性 | 类型 | 参数 | 描述 |
---|
$set | Function | key: Stringvalue: Any | 添加数据属性,用法:this.$set('key',value) this.$vm('id').$set('key',value) |
$delete | Function | key: String | 删除数据属性,用法:this.$delete('key') this.$vm('id').$delete('key') |
公共方法
属性 | 类型 | 参数 | 描述 |
---|
$element | Function | id: String 组件 id | 获取指定 id 的组件 dom 对象,如果没有指定 id,则返回根组件 dom 对象用法:<template> <div id='xxx'></div> </template> this.$element('xxx') 获取 id 为 xxx 的 div 组件实例对象 this.$element() 获取根组件实例对象 |
$root | Function | 无 | 获取顶层 ViewModel |
$parent | Function | 无 | 获取父亲 ViewModel |
$child | Function | id: String 组件 id | 获取指定 id 的自定义组件的 ViewModel 用法:this.$child('xxx') 获取 id 为 xxx 的 div 组件 ViewModel |
$vm deprecated | Function | id: String 组件 id | 请使用上面this.$child('xxx') 替代 |
$rootElement deprecated | Function | 无 | 请使用上面this.$element() 替代 |
$forceUpdate | Function | 无 | 更新 ViewModel 数据,可能会触发 DOM 操作,如:创建节点、更新节点、删除节点等;这些 DOM 操作不一定在数据更新时立即执行,而是在开发者的业务代码执行后触发;若开发者期望数据更新时立即执行相应的 DOM 操作,可使用:this.$forceUpdate() ;一般不推荐使用 |
事件方法
属性 | 类型 | 参数 | 描述 |
---|
$on | Function | type: String 事件名handler: Function 事件句柄函数 | 添加事件处理句柄用法:this.$on('xxxx', this.fn) fn 是在<script> 中定义的函数 |
$off | Function | type: String 事件名handler: Function 事件句柄函数 | 删除事件处理句柄用法:this.$off('xxxx', this.fn) this.$off('xxx') 删除指定事件的所有处理句柄 |
$dispatch | Function | type: String 事件名 | 向上层组件发送事件通知用法:this.$dispatch('xxx') 正常情况下,会一直向上传递事件(冒泡)如果要停止冒泡,在事件句柄函数中调用evt.stop() 即可 |
$broadcast | Function | type: String 事件名 | 向子组件发送事件通知用法:this.$broadcast('xxx') 正常情况下,会一直向下传递事件如果要停止传递,在事件句柄函数中调用evt.stop() 即可 |
$emit | Function | type: String 事件名data: Object 事件参数 | 触发事件,对应的句柄函数被调用用法:this.$emit('xxx') this.$emit('xxx', {a:1}) 传递的事件参数可在事件回调函数中,通过evt.detail 来访问,例如evt.detail.a |
$emitElement | Function | type: String 事件名data: Object 事件参数id: String 组件 id (默认为-1 代表根元素) | 触发组件事件, 对应的句柄函数被调用用法:this.$emitElement('xxx', null, 'id') this.$emitElement('xxx', {a:1}) 传递的事件参数可在事件回调函数中,通过evt.detail 来访问,例如evt.detail.a |
$watch | Function | data: String 属性名, 支持'a.b.c'格式,不支持数组索引handler: String 事件句柄函数名, 函数的第一个参数为新的属性值,第二个参数为旧的属性值 | 动态添加属性/事件绑定,属性必须在 data 中定义,handler 函数必须在<script> 定义;当属性值发生变化时事件才被触发用法:this.$watch('a','handler') |
应用方法 1010+
可通过$app
访问
属性 | 类型 | 参数 | 描述 |
---|
exit 1010+ | Function | 无 | 退出快应用,结束应用生命周期。调用方法:this.$app.exit() |
页面方法
可通过$page
访问
属性 | 类型 | 参数 | 描述 |
---|
setTitleBar | Function | text: String 标题栏文字textColor: String 文字颜色backgroundColor: String 背景颜色backgroundOpacity 1000+ : Number 背景透明度menu 1000+ : Boolean 是否在标题栏右上角显示菜单按钮 | 设置当前页面的标题栏用法:this.$page.setTitleBar({text:'Hello', textColor:'#FF0000', backgroundColor:'#FFFFFF', backgroundOpacity:0.5, menu: true}) |
finish 1010+ | Function | 无 | 从本页面退出,结束页面生命周期。调用方法:this.$page.finish() |
exitFullscreen 1050+ | Function | 无 | 页面退出全屏模式 |
setStatusBar 1050+ | Function | immersive: Boolean 是否开启状态栏沉浸式textStyle: String 文字样式backgroundColor: String 状态栏背景颜色backgroundOpacity 1000+ : Number 状态栏背景不透明度 | 设置当前页面的状态栏用法:this.$page.setStatusBar({immersive:true, textStyle:'dark', backgroundColor:'#FFFFFF', backgroundOpacity:0.5}) |
当前内容版权归
快应用 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问
快应用 .