Vue: 绑定数据包含反引号时解析错误

创建于 2016-07-14  ·  5评论  ·  资料来源: vuejs/vue

Vue.js版本

1.0.26

复制链接

http://codepen.io/sirlancelot/pen/zBPVBo?editors=1010#0

重现步骤

  • 将内联对象与包含反引号字符的值绑定

    期望什么?

  • 在数据模型中正确再现对象

    实际发生了什么?

  • scope.被添加到反引号和转义引号之间的所有内容中。

我们使用道具从服务器到浏览器管理初始数据模型。 我们以类似于CodePen中显示的示例的方式进行操作。 基本上,我们的根Vue实例包含一系列道具,这些道具将显示在元素上并由服务器填充。

最有用的评论

@LinusBorg-我使用https://www.debuggex.com/非常方便!

所有5条评论

作为临时解决方法,您可以通过转义反引号来绕过此问题。

//broken
:items="[{'title':'one','value':1},{'title':'t`wo','value':2}]"

//works
:items="[{'title':'one','value':1},{'title':'t\`wo','value':2}]"

对于进行调查的任何人,当数组仅包含单个元素时,似乎都不会发生此问题。

我对正则表达式进行了更改,现在看来工作正常。 但是,这似乎是一个非常重要的正则表达式,我不确定该补丁。

之前

screen shot 2016-07-19 at 10 45 27 pm

(我用红色突出显示了该部分)

screen shot 2016-07-19 at 10 45 02 pm

@skyronic那是什么RegExp工具? 看起来非常有用...

@LinusBorg-我使用https://www.debuggex.com/非常方便!

@skyronic thx! 我经常使用

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

hiendv picture hiendv  ·  3评论

bdedardel picture bdedardel  ·  3评论

franciscolourenco picture franciscolourenco  ·  3评论

loki0609 picture loki0609  ·  3评论

bfis picture bfis  ·  3评论