Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
9dd578d0
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
156
Star
2
Fork
37
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
10
列表
看板
标记
里程碑
合并请求
13
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
10
Issue
10
列表
看板
标记
里程碑
合并请求
13
合并请求
13
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
9dd578d0
编写于
11月 03, 2024
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
更新获取element的说明
上级
ed07c161
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
8 addition
and
5 deletion
+8
-5
docs/api/get-element-by-id.md
docs/api/get-element-by-id.md
+4
-3
docs/tutorial/idref.md
docs/tutorial/idref.md
+4
-2
未找到文件。
docs/api/get-element-by-id.md
浏览文件 @
9dd578d0
...
@@ -5,11 +5,12 @@
...
@@ -5,11 +5,12 @@
<!-- UTSAPIJSON.getElementById.compatibility -->
<!-- UTSAPIJSON.getElementById.compatibility -->
**注意:**
\
**注意:**
\
本方法获取的元素,是页面栈栈顶(不包括 dialogPage)的页面的元素,而不是执行本方法代码所在的页面的元素。
\
uni是全局api,本方法获取的元素,是页面栈栈顶(不包括 dialogPage)的页面的元素,而不是执行本方法代码所在的页面的元素。
\
因为uni是全局api,只有
`this.$refs`
才能和页面绑定。
\
如果A页面被栈顶的B页面盖住,在A页面执行
`uni.getElementById`
会访问到B页面的元素。
\
如果A页面被栈顶的B页面盖住,在A页面执行
`uni.getElementById`
会访问到B页面的元素。
\
除非您确认清楚这个逻辑,否则不建议使用本方法。
\
如需寻找特定页面上的Element,应使用
[
UniPage对象的getElementById方法
](
../api/get-current-pages.md#getelementbyid
)
如果不确定当前页面是不是在页面栈顶,则推荐使用ref方式,
`this.$refs`
可以和当前代码调用的页面绑定。
\
与页面绑定的获取元素的方式是
`this.$refs`
获取的对象再进一步as为element。
[
详见
](
../tutorial/idref.md#ref方式
)
与页面绑定的获取元素的方式是
`this.$refs`
获取的对象再进一步as为element。
[
详见
](
../tutorial/idref.md#ref方式
)
<!-- UTSAPIJSON.getElementById.param -->
<!-- UTSAPIJSON.getElementById.param -->
...
...
docs/tutorial/idref.md
浏览文件 @
9dd578d0
...
@@ -79,11 +79,13 @@ uni-app x中,web、小程序、vue这3类概念都支持,所以id、ref、El
...
@@ -79,11 +79,13 @@ uni-app x中,web、小程序、vue这3类概念都支持,所以id、ref、El
#### Element方式
#### Element方式
uni-app x提供了
[
uni.getElementById
](
../api/get-element.md
)
方法,返回的是
[
Element
](
../dom/unielement.md
)
类型。
uni-app x提供了
[
uni.getElementById
](
../api/get-element.md
)
等多种方法获取
[
Element
](
../dom/unielement.md
)
类型。
通用的元素操作方法,比如getAttribute、setStyle,在Element上就可以操作。
通用的元素操作方法,比如getAttribute、setStyle,在Element上就可以操作。
但是由于本方法不与页面绑定,获取的是栈顶页面的element,所以可能发生预期外的情况,
[
详见
](
../api/get-element.md
)
获取Element有很多方法,全局方法
[
uni.getElementById
](
../api/get-element.md
)
、
[
UniPage的getElementById
](
../api/get-current-pages.md#getelementbyid
)
还可以通过this.refs获取到vue实例然后as为Element。
[
见下
](
#ref方式
)
UniVideoElement 继承自 UniElement,拥有video专用的一批方法。
UniVideoElement 继承自 UniElement,拥有video专用的一批方法。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录