【问题标题】:How can I add b-table columns in buefy?如何在 buefy 中添加 b 表列?
【发布时间】:2019-05-17 22:44:16
【问题描述】:

我正在使用 buefy 的 b-table。

我写了<b-table :data="movies">之类的代码,但我的电影总共只有三个值。

但是,我想在单元格中添加编辑和删除按钮,包括表格中电影的信息 (3)。

我单方面加了b-table-column,但是表格线被截断了。

我该如何解决这个问题?

【问题讨论】:

    标签: vue.js buefy


    【解决方案1】:

    尝试添加一个动作槽

    <b-table :data="movies">
       <template slot="actions" slot-scope="row">
         <b-button @click="edit(row)"> Edit </b-button>
         <b-button @click="delete(row)"> Delete </b-button>
       </template>
    <b-table />
    

    【讨论】:

    • 当我访问 row 而不是 props.row 时,我似乎没有获得 id。应用 row to row 而不是 props 有什么区别?
    猜你喜欢
    • 2019-11-12
    • 2019-09-18
    • 2019-03-29
    • 1970-01-01
    • 1970-01-01
    • 2022-01-09
    • 2022-12-16
    • 1970-01-01
    • 2019-08-25
    相关资源
    最近更新 更多