当前位置: 代码迷 >> JavaScript >> Vue.js选择动态(多个)元素
  详细解决方案

Vue.js选择动态(多个)元素

热度:8   发布时间:2023-06-07 11:39:46.0

我正在将VueJS与PHP应用程序一起使用。 我有多个帖子,每个帖子都有评论。 每个人都有一个answer_comment类。 我正在尝试使VueJS对所有这些都起作用(当前仅适用于一个)。

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

这仅影响第一个。 我该如何使它们适用于所有人? 如何选择所有具有answer_comment类的元素,而不是仅获取第一个元素?

更新:既然给出了这个答案,Vue现在不允许在body标签上安装VM。 因此,请在其下面使用一些元素。

使用new Vue方法实际上只是在建立具有自己层次结构的单个View模型。 最终将只匹配与CSS选择器匹配的第一个DOM元素。

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

请参阅组件文档以获取更多信息:

  相关解决方案