博客
关于我
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/

你可能感兴趣的文章
Netty WebSocket客户端
查看>>
Netty工作笔记0011---Channel应用案例2
查看>>
Netty工作笔记0014---Buffer类型化和只读
查看>>
Netty工作笔记0050---Netty核心模块1
查看>>
Netty工作笔记0084---通过自定义协议解决粘包拆包问题2
查看>>
Netty常见组件二
查看>>
netty底层源码探究:启动流程;EventLoop中的selector、线程、任务队列;监听处理accept、read事件流程;
查看>>
Netty核心模块组件
查看>>
Netty框架的服务端开发中创建EventLoopGroup对象时线程数量源码解析
查看>>
Netty源码—2.Reactor线程模型一
查看>>
Netty源码—4.客户端接入流程一
查看>>
Netty源码—4.客户端接入流程二
查看>>
Netty源码—5.Pipeline和Handler一
查看>>
Netty源码—6.ByteBuf原理二
查看>>
Netty源码—7.ByteBuf原理三
查看>>
Netty源码—7.ByteBuf原理四
查看>>
Netty源码—8.编解码原理二
查看>>
Netty源码解读
查看>>
Netty的Socket编程详解-搭建服务端与客户端并进行数据传输
查看>>
Netty相关
查看>>