Missing required prop: “maxlength“
背景：
封装一个使用功能相同使用频率较高的input公共组件作为子组件，大多数长度要求为200，且实时显示统计子数，部分input有输入提示。
代码实现如下：
<template>
<el-input v-model="inputValue" type="textarea" :maxlength="maxlength" :placeholder="placeholder" autosize show-word-limit @input="handleInput"></el-input>
</template>
<script setup lang="ts">
const inputValue = ref('')
interface Props {
placeholder: string;
maxlength: number;
}
withDefaults(defineProps<Props>(), {
placeholder: '',
maxlength: 200,
autosize: true,
showWordLimit: true,
});
const emit = defineEmits(['update:modelValue']);
const handleInput = () => {
emit('update:modelValue', inputValue.value);
};
</script>
上面代码实现，console控制台就会有warn：
所有可传可不传的属性，我们都要给加上?,console控制台就没有warn信息。
interface Props {
placeholder?: string;
maxlength?: number;
}