Vuejs选择动态(多个)元素

时间:2015-08-07 11:20:03

标签: javascript php vue.js

我正在使用VueJS和PHP应用程序。我有多个帖子,每个帖子都有评论。他们每个人都有一个班级answer_comment。我正在努力使VueJS为所有人工作(目前只适用于一个)。

new Vue({ el: '.answer_comment', /* other code */ })

这只影响第一个。我怎样才能使它适用于所有这些?如何选择answer_comment类的所有元素而不是仅获取第一个元素?

1 个答案:

答案 0 :(得分:0)

更新:由于给出了这个答案,Vue现在不允许在body标签上安装VM。所以,在它下面使用一些元素。

使用new Vue方法实际上只是设置一个具有自己的层次结构的View Model。它最终将匹配与CSS选择器匹配的第一个DOM元素。

在这种情况下,我建议您将new Vue移至body标记,然后为其声明一个“answer_comment”组件,以便Vue在body“编译时”应用“它。

有关详细信息,请参阅组件文档:

http://vuejs.org/guide/components.html