本文记录了在使用Vue.js过程中，尝试动态绑定多个类名时遇到的一个常见问题及其解决办法。作者最初试图通过对象语法来实现动态类绑定，但遇到了错误。后来改用数组语法时发现已有的静态类丢失。最终，在咨询了更有经验的开发者之后，找到了正确的做法：确保静态类名用引号括起来。
记录一个Vue动态添加class时遇到的问题
今天写项目遇到问题如下
需要在下面div中根据后面这个v-show的true false 动态绑定一个animate动画类名
<div class="sort" v-show="show">
一开始的做法写成对象报错了，换成数组后，即以下代码
<div :class="[sort,show ? 'animate__animated animate__pulse' : '']" v-show="show">
发现原本绑定的sort的样式不见了。
询问大佬后发现原来是要给sort加上引号，问题就解决了。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
