vue+element+drf后台返回数据为数字，前台转化成对应的中文显示在表格中

可以通过在前端定义一个对象，将数字和对应的中文进行映射，在渲染表格时将数字值替换成相应的中文值。比如：

const statusMap = {
  1: '已下单',
  2: '已付款',
  3: '已发货',
  4: '已完成',
  5: '已取消'
}

// 在渲染表格时将数字替换成中文
<el-table-column label="状态" prop="status">
  <template slot-scope="{ row }">
    {{ statusMap[row.status] }}
  </template>
</el-table-column>

这样就可以方便地将后台返回的数字值显示成对应的中文了。

相关问题

vue+element-ui表格显示图片

很抱歉，根据提供的引用内容，没有涉及到vue+element-ui表格显示图片的相关信息。但是，你可以通过以下步骤实现在表格中显示图片：
1. 在表格中添加一个列，用于显示图片。
2. 在该列中使用插槽，将图片显示出来。
3. 可以使用element-ui的el-image组件来显示图片，并设置图片的宽度和高度。
4. 在数据源中添加图片的url，用于显示图片。

vue +element 中表格多选框禁用

在Vue + Element中，我们可以通过设置多选框的prop属性来禁用多选框。在表格的column中添加一个selection-column，并在column中定义selection-column的props。具体做法如下：

1. 在table的column中添加一个selection-column，代码如下：

<el-table-column type="selection" width="55">
</el-table-column>

2. 在selection-column中定义props：disabled。disabled是一个函数，它返回一个Boolean值，表示当前行的多选框是否被禁用。我们可以根据需要在disabled函数中进行判断，如果当前行满足禁用条件，则返回true，否则返回false。具体代码如下：

<el-table-column type="selection" width="55" :selectable="selectable">
</el-table-column>

...

methods: {
  // 定义一个函数，用于判断当前行的多选框是否应该被禁用
  selectable(row, index) {
    // 根据需要进行判断，如果当前行满足禁用条件，则返回false
    // 否则返回true
    return row.enableSelect;
  }
}

在上面的例子中，selectable函数用于判断当前行是否应该被禁用。如果当前行的enableSelect属性为true，则返回true，否则返回false。在selection-column中使用:selectable="selectable"来绑定selectable函数。

这样就可以根据需要禁用表格中的多选框了。