小编HTL*_*r99的帖子

我想创建一个看起来像这样的动态引导表：https : //examples.bootstrap-table.com/#welcome.html

目前，我正在使用此代码从引导表中的数组中显示我的数据：

<b-table striped hover :items="shotlist_tab.shots"></b-table>

但我也想在每一行的侧面添加自定义按钮（编辑/删除）。

有没有办法自定义“b-table”的列？我还没有找到任何东西。

用户单击按钮后，我想用本地对象中的数据替换 vuex 存储中的数据。但我被突变困住了。这是一些代码以了解更多详细信息。

这是用户单击按钮后调用的方法。（this.tableview是一个本地对象，与vuex对象具有相同的值）

            updateVuexTableview() {
                // eslint-disable-next-line no-console
                console.log("Update Vuex Table view");
                this.updateTableview(this.tableview)
            }

在这个方法中我的 vuex 动作被调用。看起来像这样：（updTableview是我要插入的新数据）

async updateTableview({commit}, updTableview) {
        const response = await axios.put(
            `http://localhost:3000/tableview`,
            updTableview
        );

        // eslint-disable-next-line no-console
        console.log(response.data);

        commit('updateTableviewMut', response.data);
    },

这就是所谓的突变。这就是我被困住的地方。我尝试弹出数据并再次推送它，但到目前为止没有任何效果。

    updateTableviewMut: (state, updTableview) => {
        state.tableview.push(updTableview)
    },

这就是我的状态：

const state = {
    tableview: {
        "thema_c": true,
        "status_c": true,
        "priority_c": true,
        "custom1_c": true,
        "custom2_c": true,
        "customFieldName1": "Custom1",
        "customFieldName2": "Custom2"
    },
};