"[{\"key\":\"规格\",\"value\":\"爱奇艺黄金会员周卡\"},{\"key\":\"规格\",\"value\":\"爱奇艺黄金会员周卡2\"}]"前端返回的数据，在表格中展示成规格：爱奇艺黄金会员周卡并且换行

可以使用JS将数据转换为HTML格式，并通过CSS样式控制换行，示例代码如下：

// 假设数据存储在变量data中
let html = '<table>';
for (let i = 0; i < data.length; i++) {
  let row = JSON.parse(data[i]);
  html += '<tr>';
  for (let j = 0; j < row.length; j++) {
    let key = row[j].key;
    let value = row[j].value;
    html += '<td><strong>' + key + '：</strong>' + value.replace(/\n/g, '<br>') + '</td>';
  }
  html += '</tr>';
}
html += '</table>';

// 将html插入到页面中对应的元素中
document.getElementById('table-container').innerHTML = html;

上述代码将数据解析为HTML表格，并使用正则表达式将规格值中的换行符替换为`<br>`标签，达到换行的效果。CSS样式可以通过调整`td`元素的`white-space`属性来控制换行方式，例如：

td {
  white-space: pre-wrap; /* 自动换行 */
}

相关问题

"[{"key":"规格","value":"爱奇艺黄金会员周卡"},{"key":"规格","value":"爱奇艺黄金会员周卡2"}]"前端返回的数据，在vue表格列表中展示成规格：爱奇艺黄金会员周卡并且换行

你可以使用Vue的模板语法和CSS样式来实现这个需求。可以在表格中使用一个模板列来处理规格数据，然后通过CSS样式来控制换行。

首先，在表格中定义一个模板列，将规格数据传入并使用换行符：

<el-table-column label="规格" type="template">
  <template slot-scope="scope">
    {{ scope.row.specs.map(spec => spec.value).join('\n') }}
  </template>
</el-table-column>

在上面的代码中，我们使用 `map` 方法将规格数据转换为一个字符串数组，然后使用 `join` 方法将其转换为一个以换行符分隔的字符串。

接下来，我们需要使用CSS样式来控制文本的换行。我们可以将表格列的样式设置为 `white-space: pre-line`，这样文本就会按照在字符串中指定的位置进行换行。

.el-table td {
  white-space: pre-line;
}

以上CSS样式将会将整个表格中的单元格都设置为按照预定格式换行。

通过这种方式，你就可以将规格数据在Vue表格列表中展示成规格：爱奇艺黄金会员周卡并且换行了。

"[{"key":"规格","value":"爱奇艺黄金会员周卡"},{"key":"规格","value":"爱奇艺黄金会员周卡2"}]"后端返回的字段数据，前端在vbenadmin封装的表格中展示成规格：爱奇艺黄金会员周卡并且换行

在vbenadmin中展示成规格：爱奇艺黄金会员周卡并且换行，可以通过自定义表格列的render函数来实现。具体实现步骤如下：

1. 在表格列配置中添加一个自定义列，例如：

{
  title: '规格',
  dataIndex: 'specs',
  customRender: (text, record) => {
    return (
      <div>
        {text.map(item => (
          <div>{`${item.key}: ${item.value}`}</div>
        ))}
      </div>
    )
  }
}

2. 在render函数中，将规格数据进行遍历，生成对应的HTML元素，并添加换行样式。

{
  title: '规格',
  dataIndex: 'specs',
  customRender: (text, record) => {
    return (
      <div>
        {text.map(item => (
          <div>{`${item.key}: ${item.value}`}</div>
        ))}
        <style jsx>{`
          div :global(div) {
            margin-bottom: 8px;
          }
        `}</style>
      </div>
    )
  }
}

在以上代码中，`text`参数为后端返回的规格数据，是一个包含多个键值对的数组。我们通过`map`函数将每个键值对转换成一个`<div>`元素，并通过`${item.key}: ${item.value}`的方式显示出来。在最后，我们添加了一段CSS样式，将每个`<div>`元素之间添加了8px的下边距，实现了换行的效果。

这样就可以将后端返回的规格数据在vbenadmin中展示成规格：爱奇艺黄金会员周卡并且换行了。