zoukankan      html  css  js  c++  java
  • vue-elementUi项目打包后样式入坑

    main.js
    // The Vue build version to load with the `import` command
    // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
    import Vue from 'vue'
    import App from './App'
    //先引入第三方组件
    import ElementUI from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'
    //后引入router
    import router from './router'
    import store from './vuex/store'
     
    Vue.use(ElementUI)
    Vue.config.productionTip = false
     
    /* eslint-disable no-new */
    new Vue({
     el: '#app',
     router,
     store,
     components: { App },
     template: '<App/>'
    })

    找到了问题所在以及解决办法 代码如上:

    main.js中的引入顺序决定了打包后css的顺序,组件内的样式没有生效可能是被第三方组件样式覆盖了,所以把第三方组件放在前面引入,router放在后面引入,就可以实现组件样式在第三方样式之后渲染。

    但这样之解决了部分样式问题

    页面中存在原生form样式和el-table中form样式页面中自定义的el-from-item样式打包覆盖导致部分样式失效

  • 相关阅读:
    MVC 下载相关
    中缀、前缀和后缀表达式
    什么是堆栈?
    为什么和其他语言相比C语言是快速的语言
    什么是回溯法?
    产生n bit所有可能的序列
    讨论汉诺塔之谜
    递归和内存分配(可视化)
    关于递归
    随机数产生函数的范围转换
  • 原文地址:https://www.cnblogs.com/liang715200/p/14842783.html
Copyright © 2011-2022 走看看