从多个来源填充Bootstrap-vue表

时间:2018-09-06 13:30:15

标签: javascript twitter-bootstrap vue.js html-table bootstrap-vue

我有一个Vue.js页面,该页面在mounted上触发了REST调用,并接收了一系列json对象(用户)以在表中显示它们。使用以下代码,该部分可以正常工作:

<b-row>
  <b-table striped hover :items="userList" :fields="fields"></b-table> 
</b-row>

,脚本看起来像这样:

    export default {
  name: "users",
  data() {
    return {
      userList: [],
      fields: [
        { key: "firstName", label: "First Name" },
        { key: "lastName", label: "Last Name" },
        { key: "emailAddress", label: "Email Address" }
      ]
    };

现在,我想在此表中添加一个额外的列(这很容易),并在此列中放置复选框,以标记特定的用户,并收集这些特定的用户,然后再通过另一个REST调用向他们发送。

我的问题是我不知道如何在该额外字段中添加复选框,以及如何获取其索引,因此我无法使用它来挑选通讯用户。 还是有更好的方法呢?

0 个答案:

没有答案