找不到 Vuejs 框架的元素

Question

我已经安装了 Vue.js 名为 element 的框架，但出现此错误。

我正在导入我需要的所有 index.html 和 Reviews.vue 文件，其中仅包含：

<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'
  export default {}
</script>

<style lang="scss">

</style>

结果我得到的只是文本 "Primary"

Answer 1

此 'quick start' 片段 from the element github page 将为您指明正确的方向：

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>

找不到 Vuejs 框架的元素

Vuejs framework's elements not found

javascript

vue.js

frontend

element

element-ui