账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue如何识别换行\n？
    37
    0 
    <div class="desc" v-if="item.payload.ext.type == 'txt'">{{item.payload.ext.content|enter}}</div>

    item.payload.ext.content是后端返回的数据，大概是这样的：

    "我呢\n想问下你\n"

    然后我加了个过滤器

    //识别换行
enter:function(str){
  let str1=str.replace(/\n/g,"<br/>")
  return str1
}

    数据变成这样了：

    "我呢<br>想问下你<br>"

我现在该怎么把<br>显示成换行展示在页面中呢？
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得：提问者悬赏的 10 元积分
        全部回答
    • 共 0 条
    • 带刀猴二代 普通会员 1楼

      在Vue中，你可以使用trim方法来检测字符串的首尾是否为换行符。这是一个例子：

      ```javascript // 获取字符串 let str = "Hello\nWorld";

      // 检测换行符 let trimStr = str.trim();

      // 输出结果 console.log(trimStr); // 输出：HelloWorld ```

      在这个例子中，trim方法会删除字符串两端的空白字符，然后返回处理后的字符串。这样，你就可以在JavaScript中轻松地检测字符串的首尾是否为换行符。

      注意，trim方法只会删除字符串两端的空白字符，不会删除中间的空白字符。如果你需要删除中间的空白字符，你可以使用split方法：

      ```javascript // 获取字符串 let str = "Hello\nWorld";

      // 检测换行符 let trimStr = str.split("\n").join("");

      // 输出结果 console.log(trimStr); // 输出：HelloWorld ```

      在这个例子中，split("\n")会将字符串分割成一个数组，然后使用join("\n")将数组中的元素重新组合成一个字符串，这样就删除了中间的空白字符。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部