uni-app获取dom节点信息

首先明白一点，uni-app提供的view、button、image、text通通都是组件，不是h5的标签，虽然用起来方便，但如果你想获取dom节点信息，尽管给组件绑定一个id选择器，用documentgetElementById()等这种传统的JS获取dom方式是没有任何效果。

因为他们是组件，除非你不用这些现成的组件，用回h5的标签。

所以你如果想获取uni-app提供组件的DOM元素，需要如下的方法。

unicreateSelectorQuery()in(this);用于创建一个实例。

in(this)在这里是为了规范页面创建实例，避免获取不到实例报null，用上总没错

queryselect('#text')用于选择DOM节点

boundingClientRect()返回dom节点的相关信息

拿到的是一些元素本身的宽高信息、距离页面四边的距离。

使用unicreateSelectorQuery()创建dom实例，需要在这个mounted()生命周期里面进行，这个生命周期它代表组件已经创建完成，可以挂载实例，进而获取dom元素

如果不写在mounted生命周期里，你也可以写在methods方法定义里面，不过你需要这样来调用。

uniapph5发新版本缓存-csdn原因，uniapp h5页面 首页下拉选择器选中地区后，我先获取到地区id，再把登陆时的地区id清掉，然后把新的地区id放到缓存里面，首页根据选中地区id显示这个地区的所有信息，然后在其他页面地区id还是登录时的地区id 求解决！

uniapp用uni-id好不好？用uni ID是比较好的，因为这个ID的话，它是可以达到一个APP的效果，所以它可以让这个APP正常运行起来，也就是一个流畅度可以提高，所以用这个ID是比较可以的。

在这段代码中，使用了computed属性，其中定义了一个名为loginInfo的计算属性。以下是对代码的逐行解释：

computed: {: computed是Vue中的一个属性，它允许您创建基于数据的计算属性。计算属性是基于其他数据自动更新的属性。在这里，我们定义了一个名为loginInfo的计算属性。

loginInfo() {: 开始定义loginInfo计算属性。每当此属性的依赖项（在这种情况下是user_info存储数据）发生更改时，此函数将重新计算。

checkmobile(): 调用checkmobile()函数，但该函数在此代码段中未定义。我们猜测这个函数可能会检查用户是否已登录或手机号是否合法，但在这个上下文中，它的具体实现和作用不明确。

const {id, nickname, avatar} = getStorageData('user_info');: 调用getStorageData函数并传递参数'user_info'。我们假设getStorageData是一个从存储中获取数据的函数。此行将从user_info存储数据中提取id、nickname和avatar属性，并将它们分配给对应的常量。

return {id, nickname, avatar};: 返回包含提取的id、nickname和avatar属性的对象。当其他地方访问loginInfo计算属性时，将获得此对象。

}: 结束loginInfo计算属性的定义。

},: 结束computed属性的定义。

总结一下，这段代码定义了一个名为loginInfo的计算属性，它从user_info存储数据中获取id、nickname和avatar属性，并返回一个包含这些属性的对象。当user_info存储数据发生更改时，loginInfo属性将自动重新计算。但是，checkmobile()函数的作用在这个上下文中不明确，您可能需要查看代码的其他部分以了解它的具体实现和用途。

以上就是关于uni-app获取dom节点信息全部的内容，包括:uni-app获取dom节点信息、uniapph5发新版本缓存-csdn、uniapp用uni-id好不好等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！