为什么css的@keyframes 中后面被编译上了[data-v-xxxxxxx],导致动画运行不了啊(Why is [data-v-xxxxxx] compiled at the back of @ keyframes in CSS, resulting in the animation not running)

[royalknight56]

下面是开发环境查看到的

dev:

@keyframes g4ancon-6a643a5e {
0%[data-v-6a643a5e] {
    filter: brightness(100%);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.466);
}
50%[data-v-6a643a5e] {
    filter: brightness(110%);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.466);
}
100%[data-v-6a643a5e] {
    filter: brightness(100%);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.466);
}
}

source code:

@keyframes g4ancon {
  0% {
    filter: brightness(100%);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.466);
  }
  50% {
    filter: brightness(110%);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.466);
  }
  100% {
    filter: brightness(100%);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.466);
  }
}

[HcySunYang]

will be fixed in vuejs/core#3308

[royalknight56]

Thank you(加油_