ElementUi表格一列里面如何使用两个变量？

Question

下面id这一列里面那个删除按钮是根据另一个变量status来判断显示的
如果1就是删除 2就是恢复 这种情况有办法吗？

<el-table-column align="center" prop="id" width="180" label="操作">
    <template slot-scope="scope">
      <el-button
        size="mini"
        type="success"
        @click.native.prevent="edit(scope.row.id)">
        编辑
      </el-button>
      <el-button
        size="mini"
        type="success"
        @click.native.prevent="dele(scope.row.id)">
        删除
     </el-button>
    </template>
</el-table-column>

Answer 1

<el-table-column align="center" prop="id" width="180" label="操作">
    <template slot-scope="scope">
      <el-button
        size="mini"
        type="success"
        @click.native.prevent="edit(scope.row.id)">
        编辑
      </el-button>
      <el-button
        size="mini"
        type="success"
        v-if="scope.row.status === 1"
        @click.native.prevent="dele(scope.row.id)">
        删除
     </el-button>
     <el-button
        size="mini"
        type="success"
        v-if="scope.row.status === 2"
        @click.native.prevent="recover(scope.row.id)">
        恢复
     </el-button>
    </template>
</el-table-column>

Answer 2

其实一个函数就行了，没必要分两个函数，你传递多一个变量进函数里面，在函数里面判断是删除还是恢复，然后通过判断变量显示"删除"或者"恢复"