vue.js - vue2 举例像element ui-Input，整个项目都需要写一个maxLength如何全局把这个属性加上不重复写呢？

Question

vue2 举例：
像element ui-Input，整个项目都需要写一个maxLength如何全局把这个属性加上不重复写呢？

Answer 1

封装一个组件全局注册：

<template>
  <el-input v-bind="$attrs" v-on="$listeners" :maxlength="maxLength"></el-input>
</template>

<script>
import { Input } from 'element-ui'

export default {
  name: 'GlobalInput',
  inheritAttrs: false,
  components: {
    'el-input': Input
  },
  props: {
    maxLength: {
      type: Number,
      default: 50 
    }
  }
}
</script>

在 main.js ：

import Vue from 'vue'
import GlobalInput from './components/GlobalInput.vue'

Vue.component('global-input', GlobalInput)