vue界面
发布日期:2021-05-13 00:13:26 浏览次数:22 分类:精选文章

本文共 2412 字,大约阅读时间需要 8 分钟。

Vue.js UI���������������������Element UI���Bootstrap Vue���������

���������Vue.js���������������������������������������������������������UI������������������������������������������������������Element UI���Bootstrap Vue������������������������

������Element UI������������������

Element UI���������Vue.js���������������������UI������������������������������������������������������������������������������

  • ������Element UI

    • ������npm������element-ui���������������������������������
      npm install element-ui --save
    • ������Element UI������������������������������Chalk���������
      import 'element-ui/lib/theme-chalk/index.css'
    • ���main.js���������Element UI���
      import ElementUI from 'element-ui'
      Vue.use(ElementUI)
  • Element UI���������������

    • ���������������������������������

      ������v-model������������������UI������������������������

  • ������Bootstrap Vue���������

    Bootstrap Vue���������Bootstrap CSS���������Vue.js������������������������������������������������

  • ������Bootstrap Vue

    • ���������������������npm������
      npm install bootstrap-vue --save
      npm install bootstrap/dist/css/bootstrap.css --save
      npm install bootstrap-vue/dist/bootstrap-vue.css --save
    • ���main.js���������������������
      import BootstrapVue from 'bootstrap-vue'
      Vue.use(BootstrapVue)
  • Bootstrap Vue���������������

    • ���������������������������������

      ���������container���mt-4���������������Bootstrap CSS������������

  • ������������������

  • CSS���������������

    • ������������������������������������CSS���������������������������������������!important������������������������������������������������
    .list-group-item {
    border: 0px !important;
    }
  • Vue������������

    • ���������������API���������������vue.config.js���������������������������������������������������������
      module.exports = {
      devServer: {
      proxy: {
      '/api': {
      target: 'http://127.0.0.1:5000',
      secure: false,
      changeOrigin: true,
      pathRewrite: {
      '^/api': ''
      }
      }
      }
      }
      }
  • ������������������������������Vue������������������������������������UI���������������������������������������������������������������������������������������

    上一篇:babun windows配置
    下一篇:线程&锁

    发表评论

    最新留言

    逛到本站,mark一下
    [***.202.152.39]2025年04月08日 00时03分38秒