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

• Z时代
• 2024-03-02
• 分类：IT

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

回答：

封装一个组件全局注册：

<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)

以上是 vue2 举例像element ui-Input，整个项目都需要写一个maxLength如何全局把这个属性加上不重复写呢？ 的全部内容， 来源链接： utcz.com/p/934182.html