问题描述
我正在将VueJS与PHP应用程序一起使用。
我有多个帖子,每个帖子都有评论。
每个人都有一个answer_comment
类。
我正在尝试使VueJS对所有这些都起作用(当前仅适用于一个)。
new Vue({ el: '.answer_comment', /* other code */ })
这仅影响第一个。
我该如何使它们适用于所有人?
如何选择所有具有answer_comment
类的元素,而不是仅获取第一个元素?
1楼
更新:既然给出了这个答案,Vue现在不允许在body
标签上安装VM。
因此,请在其下面使用一些元素。
使用new Vue
方法实际上只是在建立具有自己层次结构的单个View模型。
最终将只匹配与CSS选择器匹配的第一个DOM元素。
在这种情况下,我建议将new Vue
移到body
标签,并为其声明一个“ answer_comment”组件,以便Vue在“编译”它时将在整个body
应用。
请参阅组件文档以获取更多信息: