get-wxml-node-info.js 729 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. Page({
  2. onShareAppMessage() {
  3. return {
  4. title: '获取WXML节点信息',
  5. path: 'page/API/pages/get-wxml-node-info/get-wxml-node-info'
  6. }
  7. },
  8. data: {
  9. metrics: []
  10. },
  11. onReady() {
  12. this.getNodeInfo()
  13. },
  14. getNodeInfo() {
  15. const $ = wx.createSelectorQuery()
  16. const target = $.select('.target')
  17. target.boundingClientRect()
  18. $.exec((res) => {
  19. const rect = res[0]
  20. if (rect) {
  21. const metrics = []
  22. // eslint-disable-next-line
  23. for (const key in rect) {
  24. if (key !== 'id' && key !== 'dataset') {
  25. const val = rect[key]
  26. metrics.push({key, val})
  27. }
  28. }
  29. this.setData({metrics})
  30. }
  31. })
  32. }
  33. })