vue+js+element-ui,el-input文本框最多10行，每一行只能输入10个字，写的深入一点

好的，让我详细解释一下如何实现这个需求。

首先，我们需要使用 Element UI 中的 `el-input` 组件。针对文本框最多10行的要求，我们可以通过设置 `rows` 属性来控制文本框的行数。而每一行只能输入10个字的要求，则需要通过 JS 来实现。

我们可以通过监听文本框的输入事件 `input`，在事件处理函数中获取文本框中的值，然后判断其长度是否超过10个字符。如果超过，则截取前10个字符并重新赋值给文本框。这样就可以保证每一行只能输入10个字了。

下面是示例代码：

<template>
  <el-input
    type="textarea"
    :rows="10"
    @input="handleInput"
    v-model="value"
  ></el-input>
</template>

<script>
export default {
  data() {
    return {
      value: '',
    }
  },
  methods: {
    handleInput(event) {
      const inputValue = event.target.value
      const lines = inputValue.split('\n')
      const maxLength = 10
      let result = ''
      for (let i = 0; i < lines.length; i++) {
        const line = lines[i].substring(0, maxLength)
        if (i === lines.length - 1) {
          result += line
        } else {
          result += line + '\n'
        }
      }
      this.value = result
    },
  },
}
</script>

在上面的代码中，我们通过 `split` 方法将输入的值按行分割，然后针对每一行进行截取。最后将处理后的值重新赋值给 `value`，即可实现每一行只能输入10个字的效果。

希望这个解答能够对你有所帮助。如果还有什么不明白的地方，可以随时问我。