封装element ui组件

在项目中,经常有封装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>


猜你喜欢

转载自blog.csdn.net/be_strong_web/article/details/121852259