Question

我尝试使用element-ui（http://element.eleme.io/#/en-US/component/color-picker）中的颜色选择器。然而，它并没有显示出来...任何有关什么错误的线索？

<template>
  <div class="color">
    <span class="demonstration">Color picker</span>
    <el-color-picker v-model="color"></el-color-picker>
  </div>
</template>

<script>
  import Vue from 'vue'
  import ColorPicker from 'element-ui'
  Vue.use(ColorPicker)

  export default {
    name: 'color',
    data () {
      return {
        color: '#20a0ff'
      }
    }
  }
</script>

Answer 1

也导入default-theme css：

<template>
  <div class="color">
    <span class="demonstration">Color picker</span>
    <el-color-picker v-model="color"></el-color-picker>
  </div>
</template>

<script>
  import Vue from 'vue'
  import ColorPicker from 'element-ui'
  import 'element-ui/lib/theme-default/index.css'
  Vue.use(ColorPicker)

  export default {
    name: 'color',
    data () {
      return {
        color: '#20a0ff'
      }
    }
  }
</script>

参考：http://element.eleme.io/#/en-US/component/quickstart#import-element

元素没有显示

1 个答案: