bug小记
最近写项目需要动态更新dom元素的的背景样式，于是准备用ref来绑定dom，从而修改样式
一开始我是这么写的
结果发现会报错
Cannot set properties of undefined (setting 'background')
结果发现需要$el才能获取dom结点，问题解决。
解决在VUE3项目中无法更改dom元素的样式问题
2023-06-20
421
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
解决在VUE3项目中无法更改dom元素的样式问题
目录
相关文章
|
10天前
|
JavaScript
前端开发
如何在 Vue 项目中配置 Tree Shaking？
通过以上针对 Webpack 或 Rollup 的配置方法，就可以在 Vue 项目中有效地启用 Tree Shaking，从而优化项目的打包体积，提高项目的性能和加载速度。在实际配置过程中，需要根据项目的具体情况和需求，对配置进行适当的调整和优化。
94
26
26
|
17天前
|
JavaScript
前端开发
开发者
.js的dom元素操作
【10月更文挑战第29天】通过灵活运用这些 DOM 元素操作方法，JavaScript 可以实现丰富的网页交互效果，如动态更新页面内容、响应用户操作、创建和删除页面元素等。在实际开发中，开发者可以根据具体的需求和场景，选择合适的 DOM 元素操作方法来实现所需的功能，为用户提供更加流畅和动态的网页体验。
42
4
4
|
20天前
|
JavaScript
前端开发
开发者
Vue 3中的Proxy
【10月更文挑战第23天】Vue 3中的`Proxy`为响应式系统带来了更强大、更灵活的功能，解决了Vue 2中响应式系统的一些局限性，同时在性能方面也有一定的提升，为开发者提供了更好的开发体验和性能保障。
47
7
7
|
17天前
|
JavaScript
前端开发
|
21天前
|
前端开发
数据库
|
20天前
|
JavaScript
数据管理
Java
在 Vue 3 中使用 Proxy 实现数据双向绑定的性能如何？
【10月更文挑战第23天】Vue 3中使用Proxy实现数据双向绑定在多个方面都带来了性能的提升，从更高效的响应式追踪、更好的初始化性能、对数组操作的优化到更优的内存管理等，使得Vue 3在处理复杂的应用场景和大量数据时能够更加高效和稳定地运行。
39
1
1
|
20天前
|
JavaScript
开发者
在 Vue 3 中使用 Proxy 实现数据的双向绑定
【10月更文挑战第23天】Vue 3利用 `Proxy` 实现了数据的双向绑定，无论是使用内置的指令如 `v-model`，还是通过自定义事件或自定义指令，都能够方便地实现数据与视图之间的双向交互，满足不同场景下的开发需求。
42
1
1
|
17天前
|
JavaScript
前端开发
API
|
JavaScript
前端开发
vue 使用html2canvas将DOM转化为图片
一、前言
我发现将DOM转化为图片是一个非常常见的需求，而自己手动转是非常麻烦的，于是找到了html2canvas这个插件，既是用得比较多的也是维护得比较好的一个插件。
1874
0
0
|
4天前
|
缓存
JavaScript
前端开发
vue学习第四章
欢迎来到我的博客！我是瑞雨溪，一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中计算属性的基本与复杂使用、setter/getter、与methods的对比及与侦听器的总结。如果你觉得有用，请关注我，将持续更新更多优质内容！🎉🎉🎉
12
1
1
热门文章
最新文章
1
JavaScript 技术篇-js获取dom节点、html标签自定义属性的值。
2
HTML DOM 教程Part1
3
JQuery利用sort对DOM元素进行排序
4
jquery 遍历dom元素
5
DOM XSS Scanner - Find DOM based XSS Security Vulnerabilities
6
React中的Virtual DOM(看这一篇就够了)
7
Dom4j应用总结
8
获取兼容的DOM子节点
9
DOM中的动态NodeList与静态NodeList
10
jQuery 对象和 DOM 对象
1
vue代码优化方案
57
2
前端框架与库 - Vue.js基础：模板语法、数据绑定
143
3
在Vue中，子组件向父组件传递数据
77
4
【vue3】Argumnt of type ‘history:RouterHistory；}is not assignable to paraeter of type ‘RouterOptions‘.
98
5
【vue3】vue3中路由hash与History的设置
228
6
【Vue3】解决电脑分辨率125%、150%及缩放导致页面变形的问题
1169
7
【vue】 el-table解决分页不能筛选全部数据的问题
490
8
【vue】 vue2 监听滚动条滚动事件
147
9
【天地图】vue 天地图 T is not defined
182
10
【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面，显示空白bug不能编辑
648