VueJS 双引号和单引号问题答案

【问题标题】：VueJS Double and Single Quotes IssueVueJS 双引号和单引号问题
【发布时间】：2019-03-11 05:42:01
【问题描述】：

在解析具有双引号或单引号的字符串时，我收到以下错误： => JSON 中的意外标记。

如何解析和绑定一个 vue 变量？

PHP

$arr = array();
$arr[0]['description'] = "Some Description\"";
print_r(json_encode($arr));

Javascript(VueJS)

this.description = JSON.parse(data); //Getting the error on this line

【问题讨论】：

显示一些你得到错误的代码
你能告诉我它是否有效吗？在我的工作中，它按预期工作
你能记录数据吗？并显示完整的错误，因为报告的确切字符为实际问题提供了重要线索
当我检查（控制台或警报）“abc”值时，它在警报中输出为“abc”。您能再检查一次吗？？
你能不能把这个小提琴过一遍。 jsfiddle.net/n7tf94j8

标签： javascript vue.js

【解决方案1】：

嗨，Kartik，你可以试试这个：

var jsonData = '{ "name":"John", "birth":"1986-12-14", "city":"New York"}';
this.description = JSON.parse(text);

【讨论】：

这将起作用，除非我在其中一个值中添加 " 或 '。

【解决方案2】：

看起来有点长。但以下对我有用。（如果你有一个数组，那么你可以遍历每个索引）

var test={"description":"somevalues\""}; //like you mentioned in data
test["description"]=test["description"].replace(/\"/g, '\'');
var newTest=JSON.stringify(test);
//console.log("hello ");
var abc=JSON.parse(newTest);
console.log(typeof(abc));
abc["description"]=abc["description"].replace(/\'/g,'"');
console.log(abc);

【讨论】：