怎么对bootstrap table表的field数据怎么拼接

Posted 2023-05-07

我的办法是在后台里处理，例如想把三个字段分别是province, city, area, 想把三个字段拼接成一个，。例如请求文件时get.php，，创建一个数组，然后把遍历的数据赋值给数据，在赋值前，处理一下字段，前端直接调用处理过的字段就行了，直接贴源码给你看参考
服务器端：
$result = mysql_query("select * from info_table");
$data = array();
while ($row = mysql_fetch_array($result))
$row['province'] = $row['province'].$row['city'].$row['area'];
array_push($data, $row);

echo json_encode($data);
前端：
columns: [field:"province",title:"城区",align:"center",valign:"middle",sortable:"true"], 参考技术A 　　代码如下，找到你要合并的表格,这个文档中用的是点击事件，你可以直接写成方法，放在生成表格的方法执行以后在执行。
index，field代表要合并表格的位置
clospan，rowspan用法和html的一样。本回答被提问者采纳

在 Bootstrap Vue <b-table> 中动态创建模板槽

【中文标题】在 Bootstrap Vue <b-table> 中动态创建模板槽

【英文标题】：Dynamically create template slots in Bootstrap Vue <b-table>

【发布时间】：2021-05-27 08:10:29

【问题描述】：

我正在尝试将 HTML 添加到 Vue 表的标题中。知道该领域的关键，我可以做这样的事情：

<template v-slot:head(my_key)="data">
<span v-html="data.field.label" />
</template>

但是，我的表将有未知数量的列，每个列都有未知的启动键（通过 axios 拉入）。在我从服务器检索所有密钥后，有没有办法动态设置 my_key？

【参考方案1】：

您可以使用dynamic slot names 来定位带有变量的标题槽。假设您上面的伪代码示例中的my_key 是一个变量的名称，那么您的示例可以用template literal 重写：

<template v-slot:[`head($my_key)`]="data">

然后，您可以使用表的 fields 数组或任何键数组以及 v-for 来定位所有表头插槽：

<template v-for="field in fields" v-slot:[`head($field)`]="data">
  <span v-html="data.field.label" />
</template>

data: () => (
  fields: ['a', 'b', 'c']
)