如何在 Vue JS 中将带双引号的字符串作为属性传递？

【问题标题】：How to pass a string with double quoutes as property in VueJS?如何在 Vue JS 中将带双引号的字符串作为属性传递？
【发布时间】：2018-02-20 23:39:51
【问题描述】：

我只是尝试使用如下代码：

<editor init-text="String "Test""></editor>

但是由于给定字符串中的 qoutes，DOM 会中断。

如何避免这个问题？

【问题讨论】：

标签： vue.js

【解决方案1】：

用\转义引号

<editor init-text="String \"Test\""></editor>

或者混合单引号'和双引号"

<editor init-text='String "Test"'></editor>

【讨论】：

单引号可以提供帮助，直到我也遇到字符串中的单引号。那对我不起作用。只有“实体有效。
或者您可以在data() 中声明一个带有刻度引号的字符串并使用:init-text。 IE。在模板中：<editor :init-text="str"></editor>。在<script>：data() { return { str: `String "Test" String 'Test'` }; }