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

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

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