요소가 표시되지 않습니다.

Question

요소 -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

가져 오기 너무 기본 - 테마 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