VueJS - 也在文本区域的开头和结尾提交换行符答案

【问题标题】：VueJS - also submit line breaks at the beginning and end of a textareaVueJS - 也在文本区域的开头和结尾提交换行符
【发布时间】：2019-03-23 01:55:36
【问题描述】：

我在一个 VueJS 组件中使用 axios 来提交一个与 v-model 绑定的 textarea。

<textarea placeholder="Insert text here" v-model="body"></textarea>

这工作正常（没有点）：

示例文本

.

换行后

提交到我的PHP-Controller后的输出是：

示例文本/n

/n

换行后

开头和结尾都有换行符：

.

示例文本

.

换行后

.

上面的例子应该有以下输出：

/n

示例文本/n

/n

换行后/n

/n

但是开头和结尾的换行符被忽略了。

有没有办法提交这些？

【问题讨论】：

为什么不直接添加它们呢？ $var = "\n" . $var . "\n";
@delboy1978uk 因为它应该依赖于 textarea 输入。仅当用户在开头和/或结尾添加换行符时才应应用换行符。
检查您的表单类中没有空格修剪过滤器
奇怪，显然你没有vuejs.org/v2/guide/forms.html#trim
我指的是：“在提交给我的控制器后，我回显了提交的字符串。” - 这意味着在 PHP 中是服务器端，是吗？因此，请检查源代码级别的实际输出，而不是在您的浏览器将其解释为 HTML 之后。

【解决方案1】：

我找到了解决方案。我实际上应该提到我正在使用 Laravel 框架，它使用中间件自动修剪所有传入的请求字符串。

注释掉后

\App\Http\Middleware\TrimStrings::class

在Kernel.php 我禁用了自动修剪。现在我有了我想要的换行符。

【讨论】：