element-ui组件的二次封装

Posted 1024!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui组件的二次封装相关的知识,希望对你有一定的参考价值。

import Vue from \'vue\';
import ElementUI from \'element-ui\';

Vue.component(\'el-input\', {
  extends: ElementUI.Input,
  created() {
    this.$on(\'change\', (value)=> {
      if (Object.prototype.toString.call(value) === \'[object String]\' && value.trim() === \'\') {
        this.$emit(\'input\', \'\')
      }
    })
  }
})

以上是关于element-ui组件的二次封装的主要内容,如果未能解决你的问题,请参考以下文章

vue-form-table(vuejs+element-ui的表格表单控件的二次封装插件)

基于element-ui的多选下拉框和tag标签的二次封装

vue+Ts+element组件封装

使用element-ui二次封装一个可复用编辑表单组件

使用element-ui二次封装公共查询组件

vue中对element的弹框messagebox的二次封装