Vue $refs无法操作element-ui组件
2024-08-31 20:41:53
比如我要操作这个dom元素↓↓↓
<el-badge :value="1" :max="99" class="message">
<i class="el-icon--left el-icon-chat-round"></i>回复我的
</el-badge>
我要修改“回复我的”字体为红色，会发现没有效果，通过控制台查看元素可以知道这个el-badge标签会被解析为这种结构↓↓↓
<div data-v-5e0adc2c="" class="el-badge message">
<i data-v-5e0adc2c="" class="el-icon--left el-icon-chat-round"></i>回复我的
<sup class="el-badge__content el-badge__content--undefined is-fixed">1</sup>
</div>
也就是说，直接在element-ui组件添加ref，$refs找不到这个dom，唯一的解决办法就是在“回复我的”套一层span标签，或者其他的原生html标签，再使用ref就会有效果了。
最新文章
- 谈谈php里的DAO Model AR
- 如何在移动设备上调试html5开发的网页
- Idea修改js和jsp不用重启
- Excel 2003 中如何用VBA 代码访问单元格里的值及操作单元格 - 唐诗宋词的专栏 - 博客频道 - CSDN.NET
- 使用dom4j技术对xml文件的基本操作
- 【HDOJ】1074 Doing Homework
- 下载的chm手册打不开的解决方法？
- 检索n以内所有素数
- Ubuntu14.04 64bit安装Android-Studio
- ajax跨域请求学习笔记
- .NET代码自动编译发布
- 跨域问题解决方案(HttpClient安全跨域 & jsonp跨域)
- webpack loader加载器
- 为什么wait()和notify()属于Object类
- Ex 2_5 求解递推式..._第三次作业
- javascript飞机大战-----0010完整版代码
- 查看Oracle的表中有哪些索引及其禁用索引
- 【Lua】linux下lua+mod_lwt环境搭建
- [转] Spring Boot中Web应用的统一异常处理
- Htmlemail邮件发送