鍍金池/ 問答/HTML/ vue-cli腳手架引入element-UI樣式不顯示

vue-cli腳手架引入element-UI樣式不顯示

clipboard.png

main.js

import Vue from 'vue'
import App from './App'
import router from './router'
// import utils from './utils/index.js'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
<template>
<div class="login">
 <form name = 'form' action="">
 <input id="username" type="text" placeholder="請(qǐng)輸入手機(jī)號(hào)碼或用戶名" />
 <input id='pwd' type="password" placeholder="請(qǐng)輸入密碼" />
 <button onclick="login()">登錄</button>
 </form>
 <div class="account">
 <p class="forget" style="float:right">忘記密碼?</p>
 <div class="register">
  <span>還沒有賬號(hào)?</span>
  <a href="#" rel="external nofollow" >手機(jī)注冊(cè)</a>
 </div>
 </div>
 <el-button>默認(rèn)按鈕</el-button>
 <el-button type="primary">主要按鈕</el-button>
 <el-button type="text">文字按鈕</el-button>
 </div>
</template>
回答
編輯回答
傲寒

use了么? Vue.use(ElementUI)

2017年11月30日 07:23
編輯回答
柒喵

Vue.use(ElementUI)

2018年5月23日 17:55
編輯回答
眼雜

你的控制臺(tái)有3個(gè)error，你看下是什么問題

2017年7月1日 03:47
編輯回答
心癌

沒有use

import Vue from 'vue'
import App from './App'
import router from './router'
import { Button, Select,Option } from 'element-ui'


Vue.config.productionTip = false

 Vue.use(Button)
 Vue.use(Select)
 Vue.use(Option)
/* eslint-disable no-new */
const ap = new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App },
})
2017年6月9日 19:31
編輯回答
乖乖瀦
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI)
2018年8月11日 04:21