uni-app获取元素节点信息

朱雀 2022-12-15 15:29 504阅读 0赞

当前节点信息

## 处理函数 ##

export function elementsAttr(ele,vm){
    	return new Promise((resolve,reject) => {
    		let nodes= uni.createSelectorQuery().in(vm).selectAll(ele)
    		nodes.boundingClientRect(cur=>{
    			resolve(cur) //返回元素节点信息
    		}).exec(res => {
    			console.log(10,res) //回调
    		})
    	});
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY5NzU0OA_size_16_color_FFFFFF_t_70_pic_center]

## 实例中调用 ##

import { elementsAttr } from '../../../utils/common.js'

mounted() {
    		elementsAttr("#left,#right",this).then(res=>{
    			console.log(91,res)
    		})
    	},

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY5NzU0OA_size_16_color_FFFFFF_t_70_pic_center 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY5NzU0OA_size_16_color_FFFFFF_t_70_pic_center 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY5NzU0OA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/8f2accbfcedc44938a9e4bfa5ea2c38a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY5NzU0OA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/f69cbe473efe498b852e0bd176db9719.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzY5NzU0OA_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/e629704e74044d31986d5d2fe5cb9f23.png

发表评论取消回复

表情：

评论列表（有 0 条评论，504人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-app获取元素节点信息

当前节点信息处理函数 export function elementsAttr(ele,vm){ return new Promise((resol

朱雀/ 2022年12月15日 15:29/ 0 赞/ 505 阅读

相关 uniapp获取图片信息

uni.getImageInfo({ src: "http://travel.rqdly.com/static/img/travel.d

本是古典何须时尚/ 2022年08月30日 06:19/ 0 赞/ 176 阅读

相关 uniapp获取选择器id的信息

//获取id选择器的信息 const query = uni.createSelectorQuery().in(this); query.s

￡神魔★判官ぃ/ 2022年08月30日 06:19/ 0 赞/ 242 阅读

相关 uniapp获取用户信息

<template> <view> <button @click="handleGetUserInfo">登录</button> <i

小鱼儿/ 2022年08月28日 08:57/ 0 赞/ 262 阅读

相关 js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); 　　var paren

た入场券/ 2022年06月17日 04:48/ 0 赞/ 404 阅读

相关【JavaScript & jQuery】获取元素各个节点 (父节点,子节点,兄弟节点),元素筛选

![在这里插入图片描述][20190428142233854.png] JavaScript原生版： var test = document.getElementB

- 日理万妓/ 2022年02月20日 03:41/ 0 赞/ 308 阅读

相关获取节点及元素的代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</ti

我不是女神ヾ/ 2021年12月16日 19:29/ 0 赞/ 206 阅读

相关 vue怎样操作元素怎样获取元素节点

vue中建议我们操作节点的时候使用ref来获取节点，所以虽然可以用document.getElement之类的语句来操作，不过代码还是有点长，所以我们可以使用vue提供的ap

淩亂°似流年/ 2021年12月09日 18:13/ 0 赞/ 571 阅读

相关获取EurekaServer的节点信息

通过url直接获取获取所有节点信息例如我这的EurekaServer的IP端口是192.168.2.109:1001，那么就可以通过调用 http://19

ゝ一世哀愁。/ 2021年11月17日 22:22/ 0 赞/ 635 阅读

相关 taro 获取dom节点信息

直接在生命周期函数中获取值为null 方式一:再加个延迟200毫秒的函数获取 1、创建选择器 const query = Taro

拼搏现实的明天。/ 2021年07月24日 16:54/ 0 赞/ 1905 阅读