开发者问题收集

未找到 Vuejs 框架的元素

2018-08-12
637


我已经安装了vue.js框架,称为 element a>但是我遇到了这个错误。

“输入图像描述在这里描述“

我正在导入所有我需要index.html和评论文件。仅包含:

102936717
1个回答

来自 element github 页面的这个“快速入门”代码片段 将为你指明正确的方向:

import Vue from 'vue'
import Element from 'element-ui'

Vue.use(Element)

// or
import {
  Select,
  Button
  // ...
} from 'element-ui'

Vue.component(Select.name, Select)
Vue.component(Button.name, Button)

基本上,你要么使用 Vue.use 语法加载所有元素(我相信这会将它们全部加载到你的包中,因此如果你没有在应用中使用很多元素组件,你可能不想这样做),要么在你的组件中加载元素的 Button 组件:

<template>
  <div id="app">
  <el-button type="primary" round>Primary</el-button>
  </div>
</template>

<script>
  import Vue from 'vue'
  import ColorPicker from 'element-ui'
  import 'element-ui/lib/theme-chalk/index.css'
  // mind this new line:
  import {Button} from 'element-ui'
  export default {}
</script>

<style lang="scss">

</style>
Sergeon
2018-08-12