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

作者站长头像
站长
· 阅读数 10

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

回复
1个回答
avatar
test
2024-07-04

封装一个组件全局注册:

<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)
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容