快應用 通用方法

通用方法，提供給所有組件調用的方法

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

?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結果： width:${width}, height:${height},
                         top:${top}, bottom:${bottom}, left:${left}, right:${right}`
                    })
                },
                fail: (errorData, errorCode) => {
                    prompt.showToast({
                        message: `錯誤原因：${JSON.stringify(errorData)}, 錯誤代碼：${errorCode}`
                    })
                },
                complete: function () {
                    console.info('complete')
                }
            })
        }
    }
</script>

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

getBoundingClientRect(Object object) 

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

參數

Object object

object.success 回調函數

參數

Object rect

toTempFilePath(Object object)

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

參數

Object object

object.fileType 的合法值

object.success 回調函數

參數

Object res