选中一个复选框将在表vue中将其全部选中

时间:2018-09-30 09:49:43

标签: vue.js pug

我在玉器的前端,我有一个包含复选框的表。我从数据库中获取用户数据,并显示用户ID以及需要使用表中的复选框选择哪个用户。现在的问题是选择一个复选框会选中表中的所有复选框。 v模型selectedUsers是在vue数据中声明的数组。

            .table-responsive.mt-2
              table.table.table-striped.table-bordered
                thead
                  tr
                    th= u.t("field.include")
                    th= u.t("field.user_id")

                tbody
                  tr(v-for="user in users")
                    td
                      checkbox(
                        :id="user.userId",
                        :value="user",
                        v-model="selectedUsers"
                      )
                    td {{user.userId}}

1 个答案:

答案 0 :(得分:1)

尝试:

tr(v-for="(user, i) in users")
    td
        checkbox(
            :id="user.userId",
            :value="user",
             v-model="selectedUsers[i]"
             )

因此,至少每个复选框都会喜欢不同的数组项。 请注意,当前值看起来是静态的...