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

3131975015
  • 411

下面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>
回复
阅读 2.8k
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"
        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>
大咪咪
  • 3
新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏