小编ant*_*nko的帖子

Bootstrap Vue表:单击行时显示详细信息

试图获得与文档体验不同的内容:不是通过单击按钮而是在单击行时显示行详细信息。而且文档缺乏有关如何像示例中那样使它与众不同的细节。

<b-table
    v-if="tableIsReady"
    :items="deals"
    :fields="fields" 
    :per-page="recordsPerPage"
    no-local-sorting 
    @sort-changed="sorting" 
    responsive 
    flex 
    striped 
    hover
    @row-clicked="expandAdditionalInfo" 
  > 
   <template slot="row-details" slot-scope="row">
    <b-card>
      <h1>hello</h1>
    </b-card>
  </template>
 </b-table>
Run Code Online (Sandbox Code Playgroud)

这是我的功能,但我认为它根本不起作用

expandAdditionalInfo(row) {
  row.showDetails();
}
Run Code Online (Sandbox Code Playgroud)

javascript vue.js bootstrap-vue

8
推荐指数
2
解决办法
7353
查看次数

标签 统计

bootstrap-vue ×1

javascript ×1

vue.js ×1