使用elementUI的 el-table表格的单元格 里面嵌套了 textarea类型的 el-input输入框，出现不该出现的换行怎么办？
代码如下：
<el-input type="textarea" :rows="1" autosize v-model="value" clearable />
因业务需求，在表格里面使用 textarea类型的 el-input输入框，实现用户输入内容并可以回车换行输入，且下次进入页面也正常显示
需求效果如下：
但像上面这样编辑好了，退出页面，重新执行mounted挂载一次页面，就会变成以下这个样子：
在表格中使用就会出现
前端传到后端的数据：
后端返回的数据如下：
两份数据是一模一样的，但效果不一样
有想过是CSS样式影响，或者继承了表格的换行属性，但通过F12调试，把所见到的属性都注释掉，依然不见有变化
分享
问题可以描诉成： textarea类型的 el-input输入框，数据回显高度问题?
设置下最小行数试试
<el-input type="textarea" :autosize="{ minRows: 1}" v-model="addForm.project_content"></el-input>
我的demo和效果
<!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>
系统已结题
6月9日
已采纳回答
6月1日
创建了问题
6月1日
