javascript - 如何在 vue.js 中处理用户提供的数据中的 ' ？

Question

因此，我从 CMS 中提取了一段用户提供的文本。然而，该字符串中有一个简单的 ' ，它会破坏整个字符串并返回错误。我正在尝试找到一个解决方案来防止 Vue 在此问题上出错，但我遇到了困难。虽然我有一种感觉，但这是一件显而易见的令人尴尬的事情。代码如下:

<span v-html="sidebarContent"></span>

<script>
  var app = new Vue({
    el: '#app',
    data: {
      // the content below is a representation of what is spit out by a
      // server-side rendered variable "@Html.Raw(@Model.Element("BodyCopy").Value)"
      sidebarContent: '<p>This is example text of what's being returned.</p>',
    },
  })
</script>

令人反感的问题似乎是“是什么”——特别是单词中的撇号 '。用户通常会返回完整的句子，其中这些撇号会频繁弹出，因此数据需要能够正确处理这些句子。有什么想法可以实现这一点吗？

返回的错误是:“Uncaught SyntaxError:意外的标识符”

Answer 1

使用双引号，或正确转义字符串

sidebarContent: '<p>This is example text of what\'s being returned.</p>',