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

标签 javascript razor vue.js

因此,我从 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:意外的标识符”

最佳答案

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

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

关于javascript - 如何在 vue.js 中处理用户提供的数据中的 ' ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41644619/

相关文章:

javascript - 在 Electron JS 应用程序中使用自定义标题栏

javascript - 语法缺失错误

javascript - Bootstrap 的 Css 智能感知

javascript - 你能强制 Vue.js 重新加载/重新渲染吗?

javascript - 缩略图网格显示在列中

javascript - HTML 组合键快捷方式

javascript - 在 Razor 生成的隐藏字段上强制执行类型,在 JavaScript 中接收变量而不进行强制转换

asp.net-mvc-3 - 在 POST 上从 RenderPartial 检索 ViewModel 的子集

asp.net-mvc - 如何下载 Razor View 引擎

javascript - 更新 select2 组件的选项 - vue js