element-ui select allow-create 限制输入长度

对于 element-ui 的 select 组件的 allow-create 属性，它允许输入新的选项。然而，它并提供直接限制输入长度的功能。如果你需要限制输入长度，你可以通过监听输入事件并在事件处理函数中进行限。

以下是一个示代码，演示如何通过监听输入事件来限制输入长度：

<template>
  <div>
    <el-select v-model="selectedItem" filterable allow-create @input="handleInput">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedItem: '',
      options: [
        { value: 'option1', label: 'Option 1' },
        { value: 'option2', label: 'Option 2' },
        { value: 'option3', label: 'Option 3' }
      ],
      maxInputLength: 10
    };
  },
  methods: {
    handleInput(value) {
      // 限制输入的长度
      if (value.length > this.maxInputLength) {
        this.selectedItem = value.substring(0, this.maxInputLength);
      }
    }
  }
};
</script>

在上述代码中，我们通过设置 maxInputLength 变量来指定最大输入长度。在 handleInput 方法中，我们监听输入事件，当输入的字符数量超过最大长度时，我们截取前面的字符并更新 selectedItem 的值。

这样就可以实现对 allow-create 的输入长度限制了。希望对你有所帮助！如有疑问，请随时提问。