Skip to content

U
unidocs-uni-app-x-zh

DCloud / unidocs-uni-app-x-zh

通知 144
Star 2
Fork 33
U
unidocs-uni-app-x-zh
提交 842debf9 编写于 作者: W wanganxp
浏览文件
操作

补提

上级 cf0870e2
隐藏空白更改
内联 并排
Showing with 3 addition and 1 deletion
docs/dom/README.md
浏览文件 @ 842debf9
...@@ -39,6 +39,8 @@ DOM 是页面元素内容的结构数据。DOM 模型用一个逻辑树来表示 ...@@ -39,6 +39,8 @@ DOM 是页面元素内容的结构数据。DOM 模型用一个逻辑树来表示
app-uvue 页面中可以为页面元素节点设置 id 属性，然后通过 [uni.getElementById](../api/get-element.md#getelementbyid) 获取 DOM 元素对象。 app-uvue 页面中可以为页面元素节点设置 id 属性，然后通过 [uni.getElementById](../api/get-element.md#getelementbyid) 获取 DOM 元素对象。
但注意这个方法只能获取栈顶页面的element。如需绑定调用的页面，需使用下方的[this.$refs](#refs)
首先需要为组件设置 id 属性值： 首先需要为组件设置 id 属性值：
```vue ```vue
<!-- id 属性值为 myView，后续可以通过此值查找 --> <!-- id 属性值为 myView，后续可以通过此值查找 -->
...@@ -63,7 +65,7 @@ app-uvue 页面中可以为页面元素节点设置 id 属性，然后通过 [un ...@@ -63,7 +65,7 @@ app-uvue 页面中可以为页面元素节点设置 id 属性，然后通过 [un
} }
``` ```
### 通过this.$refs获取DOM元素 ### 通过this.$refs获取DOM元素@refs
app-uvue页面中可以通过 vue 框架中的组件实例对象 [this.$refs](https://uniapp.dcloud.net.cn/tutorial/vue3-api.html#%E5%AE%9E%E4%BE%8B-property) 获取 DOM 元素对象。 app-uvue页面中可以通过 vue 框架中的组件实例对象 [this.$refs](https://uniapp.dcloud.net.cn/tutorial/vue3-api.html#%E5%AE%9E%E4%BE%8B-property) 获取 DOM 元素对象。
首先需要为组件设置 ref 属性值，它类似于id： 首先需要为组件设置 ref 属性值，它类似于id：
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或