解決vue-cli 打包后自定義動畫未執(zhí)行的問題
更新時間：2019年11月12日 11:05:41 作者：酸澀葡萄
今天小編就為大家分享一篇解決vue-cli 打包后自定義動畫未執(zhí)行的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在vue項目中，想實現(xiàn)無縫向上滾動的自定義動畫效果
webpack 打包后動畫未執(zhí)行，就是你npm run build生成的dist中動畫未生效
@-webkit-keyframes move
{
0%{
top:0;
}
100%
{
top:-500px;
}
}
解決方法：在vue項目中找到build文件夾下的vue-loader.conf.js，將extract：isProduction 改為extract：false
自定義動畫就會生效了
以上這篇解決vue-cli 打包后自定義動畫未執(zhí)行的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了解決echarts中橫坐標值顯示不全(自動隱藏)問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
websocket+Vuex實現(xiàn)一個實時聊天軟件
這篇文章主要利用websocked 建立長連接，利用Vuex全局通信的特性，以及watch,computed函數(shù)監(jiān)聽消息變化，并驅(qū)動頁面變化實現(xiàn)實時聊天，感興趣的可以了解一下2021-08-08
這篇文章主要為大家詳細介紹了vuex實現(xiàn)購物車功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
vue?this.$refs.xxx報錯undefined問題及解決
這篇文章主要介紹了vue?this.$refs.xxx報錯undefined問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vue響應式原理的的相關(guān)資料，文中講解非常細致，代碼幫助大家更好的理解和學習，感興趣的朋友可以了解下2020-06-06
使用vue開發(fā)的web項目中使用圖表,可以使用v-charts,本文主要介紹了vue3中使用Vchart的示例代碼,具有一定的參考價值,感興趣的可以了解一下2024-01-01
利用vite創(chuàng)建vue3項目的全過程及一個小BUG詳解
Vite作為一個構(gòu)建工具,提供了一種快速的方法來構(gòu)建Vue應用,而Vue3?則是一個前端框架,提供了強大的功能來構(gòu)建和管理前端項目,下面這篇文章主要給大家介紹了關(guān)于利用vite創(chuàng)建vue3項目的全過程及一個小BUG的相關(guān)資料,需要的朋友可以參考下2023-04-04
vue3集成Element-plus實現(xiàn)按需自動引入組件的方法總結(jié)
vue3出來一段時間了,element也更新了版本去兼容vue3,下面這篇文章主要給大家介紹了關(guān)于vue3集成Element-plus實現(xiàn)按需自動引入組件的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了vue中解決微信html5原生ios虛擬鍵返回不刷新問題,本文給大家分享解決方法，通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-10-10
vue+element-ui中form輸入框無法輸入問題的解決方法
很多初次接觸element-ui的同學,在用到element form組件時可能會遇到input框無法輸入文字的問題,下面這篇文章主要給大家介紹了關(guān)于vue+element-ui中form輸入框無法輸入問題的解決方法,需要的朋友可以參考下2023-04-04