Skip to content

keyframes scoped but -webkit-keyframs does't have change to -data-v-xxx #1099

Closed
@eadio

Description

@eadio

i have some question like this. the keyframes has change to data-v-xxx,, but the -webkit-keyframes doesn't have changed。

i write the code like this:
<style lang="styl" scoped> .ani animation a 1s ease 0s @keyframes a 0% width 0 100% width 100px </style>

But they have become that:
<style type="text/css"> .ani { -webkit-animation: a-data-v-xxx 1s ease 0s; animation: a-data-v-xxx 1s ease 0s;} **# //this -webkit-keyframes doesn't changed to -data-v-xxx** @-webkit-keyframes a{ 0%{ width: 0; } 100%{ width: 100px; } } @keyframes a-data-v-xxx{ 0%{ width: 0; } 100%{ width: 100px; } } </style>

# My project is build on vue-cli webpack.

How to solve it. Thinks!!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions