快應(yīng)用 通用方法

通用方法，提供給所有組件調(diào)用的方法

在組件使用?id?標(biāo)記 id 屬性后，開發(fā)者可通過?this.$element('idName')?獲取 dom 節(jié)點(diǎn)，再調(diào)用以下列舉的?通用方法?

?id?屬性賦值可以查看此 文檔 入門

?this.$element?可以查看此 文檔 入門

示例代碼

<template>
  <div>
      <div id="box1" class="box-normal"></div>
      <div id="box2" class="box-normal"></div>
  </div>
</template>
<script>
    export default {
        onShow(){
            this.$element('box1').getBoundingClientRect({
                success: function (data) {
                    const { top, bottom, left, right, width, height } = data;
                    prompt.showToast({
                        message: `getBoundingClientRect結(jié)果： width:${width}, height:${height},
                         top:${top}, bottom:${bottom}, left:${left}, right:${right}`
                    })
                },
                fail: (errorData, errorCode) => {
                    prompt.showToast({
                        message: `錯(cuò)誤原因：${JSON.stringify(errorData)}, 錯(cuò)誤代碼：${errorCode}`
                    })
                },
                complete: function () {
                    console.info('complete')
                }
            })
        }
    }
</script>

以下是所有支持的?通用方法?

getBoundingClientRect(Object object) 

返回元素的大小及其相對(duì)于視窗的位置

參數(shù)

Object object

object.success 回調(diào)函數(shù)

參數(shù)

Object rect

toTempFilePath(Object object)

將組件當(dāng)前的實(shí)際繪制區(qū)域的內(nèi)容導(dǎo)出生成圖片，保存到臨時(shí)文件夾。video, camera 組件不支持該接口，組件中存在 video, camera, map, canvas 時(shí)，這些組件的繪制區(qū)域在生成的圖片中將顯示黑色。 map 組件只支持導(dǎo)出不含自定義 view（包括 custommarker, control, callout, label ）的地圖底圖

參數(shù)

Object object

object.fileType 的合法值

object.success 回調(diào)函數(shù)

參數(shù)

Object res