vue3 - 获取DOM元素并且修改元素样式示例源码，当点击一个元素（比如按钮、容器）需要用更改 style css 的样式（附带详细的功能示例及解决方案）

效果图

大部分都是 vue2的代码，本篇是新 vue3。

在 Vue3 项目的开发中，可能会遇到一些改变样式的操作，对样式的改变需要获取元素的 style。

比如：点击一个按钮后，让其宽度增加、或者颜色改变。

至于怎么触发，触发后做出什么变化，就看你自己的需求了，稍微改一下就行。

附带详细功能示例，完美实现。

解决方案

可根据你的需求，进行调整代码。

操作主要分为如下几个部分：

一、在要操作的元素上绑定ref