可能是因为缺少事件监听器来触发这段代码。你需要在模板中添加一个事件监听器,例如:

<button ref="btn" @click="shakeButton">点击我

然后在组件的方法中定义shakeButton()方法,并在其中设置btn的样式:

methods: { shakeButton() { this.$refs.btn.style.animation = "shake 0.8s"; } }

这样,当用户点击按钮时,shakeButton()方法将被调用,并且按钮将开始抖动。

const btn = ref btnvaluestyleanimation = shake 08s keyframes shake 0 transform translateX0; 25 transform translateX-5px; 50

原文地址: https://www.cveoy.top/t/topic/bw6m 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录