表格中json数据展示

表格中json数据展示

表格中有的列后端返回的是json格式，可以用 el-popover 来展示

<template slot-scope="scope">
  <el-popover
    v-if="scope.row.requestJson"
    width="500"
    trigger="hover"
  >
    <pre>{{ JSON.parse(scope.row.requestJson) }}</pre>
    <el-button slot="reference" type="text">查看</el-button>
  </el-popover>
</template>

注意：pre标签不要换行，换行会导致前面的空格也会展示

<pre>
  {{ JSON.parse(scope.row.requestJson) }}
</pre>