Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
ab5089da
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
144
Star
2
Fork
33
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
9
列表
看板
标记
里程碑
合并请求
11
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
9
Issue
9
列表
看板
标记
里程碑
合并请求
11
合并请求
11
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
ab5089da
编写于
12月 25, 2023
作者:
DCloud-WZF
💬
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
docs(getElementById): 补充注意事项
上级
2c75a4be
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
25 addition
and
0 deletion
+25
-0
docs/api/get-element.md
docs/api/get-element.md
+25
-0
未找到文件。
docs/api/get-element.md
浏览文件 @
ab5089da
...
...
@@ -7,6 +7,31 @@
`3.93+`
支持泛型,可通过
`uni.getElementById<ElementType>(id)`
获取指定类型的元素。对于组件有自带方法的情况,通过泛型指定具体的元素类型,就可以调用该类型组件的专用方法,比如unicloud-db组件。
\
具体的组件元素类型,可查阅
`组件文档/组件类型`
获取。
**注意:**
该方法只能获取当前页面的元素(查询时,会首先获取当前页面,即:
`getCurrentPages()`
获取的页面栈数组的最后一个页面),如果需要获取其他页面的元素,可通过
`ref`
获取指定页面的元素。
```
html
<template>
<view>
<text
id=
'text'
ref=
'textRef'
>
test text
</text>
</view>
</template>
<script>
export
default
{
onReady
(){
uni
.
navigateTo
({
url
:
'
/pages/test/test
'
success
()
{
// 通过 ref 获取指定页面的元素
const
textRef
=
this
.
$refs
[
'
textRef
'
]
// 通过 getElementById 获取指定页面的元素,此时当前页面为 test 页面,所以获取不到 #text 元素
const
textNode
=
uni
.
getElementById
(
'
text
'
)
}
})
}
}
</script>
```
<!-- UTSAPIJSON.getElementById.returnValue -->
<!-- UTSAPIJSON.getElementById.example -->
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录