Vue.js 按钮点击后抖动动画不生效解决方案

您在 Vue.js 中使用 `ref` 获取按钮元素并添加抖动动画，但点击按钮后动画不生效？这可能是因为在点击按钮时，您没有设置或调用触发动画的函数。您需要添加一个函数来触发动画，例如：

loginBtn() {
  // 在登录按钮被点击时调用此函数
  this.$refs.btn.style.animation = 'shake 0.8s';
}

在此函数中，您可以访问并操作按钮元素的样式。在这种情况下，您将为按钮的 `animation` 样式属性设置值，以触发抖动动画。

请确保在模板中将 `loginBtn` 函数与按钮的点击事件相关联，例如：

<button @click='loginBtn' :disabled=isDesabled ref='btn'>登录</button>

这样，当您单击按钮时，将调用 `loginBtn` 函数并触发动画。