vue.js - 使用 Vue.js 向 JSON 中的元素添加属性

Question

我正在使用 Vue.js V1 并想像这样获取一些 JSON:

{ "class": "foo bar", "max-length": 25 }

然后把它映射到一个元素上，像这样:

<input type="text" {{ json }} />

呈现为:

<input type="text" class="foo bar" max-length="25" />

我已经用一种方法试过了 <input type="text" {{ convertJSON(json) }} />其中 convertJSON从 JSON 创建一个字符串。这是行不通的。当我用它 vueify 转译时，它给我错误“找到驼峰式大小写属性”。

这可以用 Vue 实现吗？

编辑:我想这样做而不必手动检查每个属性；我已经知道如何绑定(bind)它们了。我想知道是否有可能动态地做到这一点。我怀疑不是，但想检查一下。

谢谢。

Answer 1

您可以将属性对象传递给 v-bind .这适用于 v1 和 v2。

在您的例子中，假设 json 是 JSON 对象:

<input type="text" v-bind="json" />

Here's an example fiddle.