删除 <pre> Vue js 中的空行答案

【问题标题】：Remove blank lines inside <pre> Vue js删除 <pre> Vue js 中的空行
【发布时间】：2021-08-19 08:52:28
【问题描述】：

我想删除<pre> 文件中<pre> 内段落中的所有空行：

<div v-bind:rules="{regex: /^(?=\n)$|^\s*|\s*$|\n\n+/gm}">
      <pre>
        asdvasdvas


        asdvasdvasdv

        vasdvasdv
        asfvawfvaerfv
      </pre>
</div>

这样就变成了：

      <pre>
        asdvasdvas
        asdvasdvasdv
        vasdvasdv
        asfvawfvaerfv
      </pre>

但现在它不起作用。有谁知道我的正则表达式有什么问题？谢谢！

【问题讨论】：

为什么你认为在div 上绑定rules 属性应该对<pre> 元素的静态内容做任何事情？

标签： javascript regex vue.js vuejs2 javascript-objects

【解决方案1】：

您可以将您的正则表达式简化为/^\s*\n/gm

这里有一个codepen 可以玩

【讨论】：