在Vuelidate documentation处查看基本表单。如果规则被破坏（文本太短），标签为红色，则出现错误消息，并且输入字段会晃动一会儿。怎么做？我已经复制了源代码示例，并且没有抖动效果。我什至不能用官方的提琴来模拟它：https://jsfiddle.net/so89zmpe/2/
<div class="form-group" :class="{ 'form-group--error': $v.name.$error }">
<label class="form__label">Name</label>
<input class="form__input" v-model.trim="$v.name.$model"/>
</div>
我在Chrome开发人员中找不到任何相关内容
如果打开DevTools>动画选项卡，则可以看到shakeError上应用了一个动画名称.form-group.form-group--error：
这是shakeError的定义：
@keyframes shakeError {
0% {
transform: translateX(0); }
15% {
transform: translateX(0.375rem); }
30% {
transform: translateX(-0.375rem); }
45% {
transform: translateX(0.375rem); }
60% {
transform: translateX(-0.375rem); }
75% {
transform: translateX(0.375rem); }
90% {
transform: translateX(-0.375rem); }
100% {
transform: translateX(0); } }
然后
.form-group--alert,.form-group--error {
animation-name: shakeError;
animation-fill-mode: forwards;
animation-duration: .6s;
animation-timing-function: ease-in-out; }
您可以检查https://vuelidate.js.org/#sub-basic-form的“源”标签以找到docs.scss文件，以进行更深入的研究。