Closed eadio closed 6 years ago
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>
<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>
<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!!
v13.5.1 has solved this problem via #1058 https://github.com/vuejs/vue-loader/releases/tag/v13.5.1 Please have a re-check. Thanks.
@LinusBorg I guess this issue could be closed :-)
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!!