javascript替换函数vuejs中缺少的字符

Posted 2023-02-16

【中文标题】javascript替换函数vuejs中缺少的字符

【英文标题】：characters missing in javascript replace function vuejs

【发布时间】：2021-12-30 17:07:35

【问题描述】：

我使用的替换方法如下：

<code v-html="'/<test>/'.replace(/(?:\r\n|\r|\n)/g, 'testing')"></code>

我有一个较大的字符串，我正在使用许多 \n 对其进行测试，但我注意到上面的替换函数删除了这些字符，不知何故 // 内的值 <test> 被替换了。

【参考方案1】：

/<test>/ 字符串没有变成//，而是由v-html 指令呈现。为了更准确地测试您的替换方法，我建议改用v-text 指令。

下面是两个指令输出差异的演示。

new Vue(
  el:"#app"
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <p>Using v-html</p>
  <code v-html="'/<test>/'.replace(/(?:\r\n|\r|\n)/g, 'testing')"></code>
  <br/>
  <p>Using v-text</p>
  <code v-text="'/<test>/'.replace(/(?:\r\n|\r|\n)/g, 'testing')"></code>
</div>

【讨论】：

实际上，我认为发生的事情是 html 正在尝试渲染 ，所以这就是为什么它是空白的。正则表达式实际上并没有在那里做任何事情，而是 html 试图将其呈现为标签。

但是你如何渲染新的线条，之前我在哪里替换它们。

我不确定您的目标是什么。您最初的问题是尝试用字符串“testing”替换换行符您是否尝试用换行符<br/> 替换换行符？