js vue 如何将el-input 用户输入的回车换行符\n拼在字符串后

在Vue.js中，如果你想要处理`el-input`组件用户的回车换行输入，并将其添加到字符串后面，你可以这样做：

首先，在模板文件`.vue`中绑定`v-model`属性到一个变量，如`inputContent`：

<template>
  <el-input v-model="inputContent" placeholder="请输入内容"></el-input>
</template>

然后，在Vue实例的data对象中定义这个变量：

export default {
  data() {
    return {
      inputContent: ''
    };
  }
}

接下来，在methods对象中编写一个方法，当用户按下Enter键时，自动追加`\n`：

methods: {
  handleInputBlur(e) {
    if (e.keyCode === 13) { // Enter键的键码是13
      this.inputContent += '\n';
    } else if (e.type === 'keyup') { // 或者监听keyup事件来处理一般情况下的换行
      if (e.key === '\n') {
        this.inputContent += '\n';
      }
    }
    // 如果需要实时更新视图
    this.$forceUpdate();
  }
}

在这个例子中，当用户在`el-input`中输入回车或按下键盘上的换行键时，`handleInputBlur`方法会被触发，`inputContent`就会增加一个`\n`。