vue界面

最新推荐文章于 2024-07-09 11:00:37 发布

jingxindeyi

最新推荐文章于 2024-07-09 11:00:37 发布

阅读量434

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/zslngu/article/details/89439960

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

vue 中使用各种组件美化界面

element 引用

npm install element-ui --save
main.js中

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI);

vue中使用

  <el-collapse v-model="mode" accordion>

 	<el-collapse-item title="正常模式" name="base">
 	</el-collapse-item>
 	</el-collapse>

3 bootstrapvue 使用

import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue);

css 优先级问题
加 !important 强制使用简单粗暴

.list-group-item{
    border: 0px !important;
  }

vue 配置代理

vue.config.js

module.exports = {
    devServer: 
        {
            proxy: {
                '/api': {
                    target: 'http://127.0.0.1:5000',
                    secure: false,
                    changeOrigin: true,
                    pathRewrite: {
                        '^/api': ''
                    }
                }
            }
        }
};