使用文本域出现不必要的换行怎么办

使用elementUI的 el-table表格的单元格 里面嵌套了 textarea类型的 el-input输入框，出现不该出现的换行怎么办？

代码如下：

                    <el-input type="textarea" :rows="1" autosize v-model="value" clearable />

因业务需求，在表格里面使用 textarea类型的 el-input输入框，实现用户输入内容并可以回车换行输入，且下次进入页面也正常显示

需求效果如下：

img

但像上面这样编辑好了，退出页面，重新执行mounted挂载一次页面，就会变成以下这个样子：

img

在表格中使用就会出现

前端传到后端的数据：

img

img

后端返回的数据如下：

img

img

两份数据是一模一样的，但效果不一样

有想过是CSS样式影响，或者继承了表格的换行属性，但通过F12调试，把所见到的属性都注释掉，依然不见有变化

img

问题可以描诉成： textarea类型的 el-input输入框，数据回显高度问题?
设置下最小行数试试

 <el-input type="textarea" :autosize="{ minRows: 1}" v-model="addForm.project_content"></el-input>

我的demo和效果

img

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>富文本input高度问题</title>
</head>
<body>
<div id="radio">
    <el-input type="textarea" :autosize="{ minRows: 1}" v-model="value" clearable />
</div>

<script src="https://unpkg.com/vue@2.7.14/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui@2.15.13/lib/index.js"></script>
<script>
  new Vue({
    el: '#radio',
    data() {
      return {
        value : "第一行  内容\n 第二行  内容\n 第三行  内容"
      };
    },
    methods:{

    }
  })
</script>
</body>
</html>