element textarea摁住回车换行不生效

问题代码

<el-form-item :label="`单价文本`" :prop="`priceText`">
        <el-input
          type="textarea"
          :autosize="{ minRows: 2 }"
          :placeholder="`请输入${'单价文本'}`"
          v-model.trim="form['priceText']"
          resize="none"
        >
        </el-input>
</el-form-item>

这里主要是使用trim 过滤器
.trim 自动过滤输入内容最开始 和 最后的 空格,中间的会保留一个空格,多的会被过滤掉。
当我摁住回车的时候产生的空格就被过滤掉了,然后输入框获取到的就是空格的值,就产生不了换行

这里我们去掉.trim 就可以进行换行了

你可能感兴趣的:(vue.js)