博客
关于我
uni-app中使用$ref绑定dom
阅读量:77 次
发布时间:2019-02-26

本文共 293 字,大约阅读时间需要 1 分钟。

在uni-app开发中,$ref 绑定元素的方式与Vue类似,但存在一些限制。主要特点是,$ref只能绑定组件,而无法直接绑定页面中的默认标签元素。以下示例可以帮助更好地理解这一点:

我是p标签

在上述代码中,p标签和div标签都使用了ref属性,但在运行时,只有ui-popup组件能够正确绑定。p标签因为不是组件元素,无法通过ref进行数据绑定。这与Vue.js的行为一致,ref在uni-app中主要用于组件绑定。

最终的输出结果仅显示ui-popup组件,而p标签则无法展示。这是由于ref在uni-app中仅支持组件绑定,而无法直接控制页面中的默认标签元素。

转载地址:http://ndku.baihongyu.com/

你可能感兴趣的文章
Nginx 反向代理解决跨域问题
查看>>
Nginx 反向代理配置去除前缀
查看>>
nginx 后端获取真实ip
查看>>
Nginx 多端口配置和访问异常问题的排查与优化
查看>>
Nginx 如何代理转发传递真实 ip 地址?
查看>>
Nginx 学习总结(16)—— 动静分离、压缩、缓存、黑白名单、性能等内容温习
查看>>
Nginx 学习总结(17)—— 8 个免费开源 Nginx 管理系统,轻松管理 Nginx 站点配置
查看>>
Nginx 学习(一):Nginx 下载和启动
查看>>
nginx 常用指令配置总结
查看>>
Nginx 常用配置清单
查看>>
nginx 常用配置记录
查看>>
nginx 开启ssl模块 [emerg] the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx
查看>>
Nginx 我们必须知道的那些事
查看>>
Nginx 的 proxy_pass 使用简介
查看>>
Nginx 的配置文件中的 keepalive 介绍
查看>>
Nginx 结合 consul 实现动态负载均衡
查看>>
Nginx 负载均衡与权重配置解析
查看>>
Nginx 负载均衡详解
查看>>
nginx 配置 单页面应用的解决方案
查看>>
nginx 配置https(一)—— 自签名证书
查看>>