在项目中,经常有封装element ui组件的需求
目的其实也很简单,就是为了统一样式,或者方便后期统一修改,或者后期换组件之类的需求。
下面来上代码,看看在vue里怎么封装已有ui组件
其实道理是一样的,不只针对element ui,如果是其他ui组件也适用
//select
<template>
<el-select @submit.native.prevent v-bind="$attrs" v-on="$listeners"
><slot></slot>
</el-select>
</template>
<script>
import {
Select } from 'element-ui'
export default {
components: {
'el-select': Select
},
props: {
},
methods: {
}
}
</script>