Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
9dd578d0
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看板
提交
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 @@
<!-- UTSAPIJSON.getElementById.compatibility -->
**注意:**
\
本方法获取的元素,是页面栈栈顶(不包括 dialogPage)的页面的元素,而不是执行本方法代码所在的页面的元素。
\
因为uni是全局api,只有
`this.$refs`
才能和页面绑定。
\
uni是全局api,本方法获取的元素,是页面栈栈顶(不包括 dialogPage)的页面的元素,而不是执行本方法代码所在的页面的元素。
\
如果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方式
)
<!-- UTSAPIJSON.getElementById.param -->
...
...
docs/tutorial/idref.md
浏览文件 @
9dd578d0
...
...
@@ -79,11 +79,13 @@ uni-app x中,web、小程序、vue这3类概念都支持,所以id、ref、El
#### 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上就可以操作。
但是由于本方法不与页面绑定,获取的是栈顶页面的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专用的一批方法。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录