el-input怎么让输入里输入的文字，可以输入多个文字用逗号分隔，但是逗号后面和前面每个文字不能超过10个字，就是输入的汉字不能大于十个

在Element UI的`el-input`组件中，你可以通过结合`v-model`指令、`@input`事件处理器以及正则表达式来实现这个需求。首先，设置`v-model`绑定到一个数组，用于存储用户输入的字符串。然后，在`@input`事件中，检查每个新添加的字符是否符合长度限制，并且用逗号分割。

以下是示例代码：

<template>
  <el-input v-model="inputList" placeholder="输入多个文字，每个不超过10字">
  </el-input>
</template>

<script>
export default {
  data() {
    return {
      inputList: ['']
    };
  },
  methods: {
    handleInput(input) {
      // 使用正则表达式检查输入，如果长度超过10，则截断
      const words = input.split(',');
      const cleanedWords = words.map(word => word.trim().slice(0, 10));

      // 检查是否有不符合条件的单词，如果有就只保留前9个字符
      this.inputList = cleanedWords.filter((word, index) => word.length <= 10 && (index === 0 || word !== ',')).join(',');
    }
  },
  watch: {
    // 当输入发生变化时，触发handleInput方法处理
    inputList(newVal) {
      this.handleInput(newVal);
    }
  },
  // 监听每次按键后的值变化，而不是整个输入框失去焦点时
  directives: {
    keyup: {
      update(target, value, vnode) {
        if (value === '') {
          target.value = '';
        } else {
          this.handleInput(target.value);
        }
      }
    }
  }
};
</script>