小编FLF*_*FDA的帖子

Vue.js - 如何在 html 页面中打印包含换行符的字符串变量(从过滤器返回)

我对 vue.js 很陌生,我正在尝试实现一个简单的代码,该代码在 html 页面中打印包含换行符的字符串(从过滤器返回)。我已经尝试使用 \n 和 来生成字符串,但它不起作用,因此浏览器在同一行中打印字符串的内容。

这是 vue.js 中的过滤器

 myFilter (withBreakLine){

 let string_array = ['Hi', 'my', 'friend'];
 let Result;

 if (withBreakLine) {

   for (let i = 0; i <= string_array.legth-1; i++) {
       Result = Result + '\n' + string_array[i];
   }

 } else {

   for (let i = 0; i <= string_array.legth-1; i++) {
       Result = Result + ' ' + string_array[i];
   }

 }

 return Result;

}
Run Code Online (Sandbox Code Playgroud)

在 HTML 中,使用以下代码:

<span>{{0 | myFilter }} </span>
Run Code Online (Sandbox Code Playgroud)

我预计:

Hi my …
Run Code Online (Sandbox Code Playgroud)

html javascript string filter vue.js

6
推荐指数
1
解决办法
2403
查看次数

标签 统计

filter ×1

html ×1

javascript ×1

string ×1

vue.js ×1