vue element表格如何動態(tài)設置按鈕禁用狀態(tài)？

我想當我的狀態(tài)列（prop="state"）的值改變時，我的操作按鈕（label="操作"）可以動態(tài)改變禁用狀態(tài)，比如，我的"state":"已提交"時,操作按鈕是可用的，我的"state":"已完成"時,操作按鈕是禁用狀態(tài)的，怎么弄？求大神指點

     <el-table :data="tableData1" border style="width: 100%"  ref="multipleTable" @selection-change="handleSelectionChange">
        <el-table-column prop="ordergoods" label="活動訂單商品" align="center"></el-table-column>
        <el-table-column prop="consignee" label="收貨人信息" align="center"></el-table-column>
        <el-table-column prop="buyeraccount" label="下單人賬號" width="150" align="center"></el-table-column>
        <el-table-column prop="distribution"  label="配送方式" :formatter="formatter" align="center"></el-table-column>
        <el-table-column prop="state" label="狀態(tài)" width="120" align="center"></el-table-column>
        <el-table-column label="操作" width="180" align="center">
            <template scope="scope">
                <el-button type="primary" :disabled="isDisabled" size="small" @click="dialogFormVisible = true">操作</el-button>
            </template>
        </el-table-column>
    </el-table>

圖片描述

回答

編輯回答

醉淸風

可以直接復制替換你那個操作模板試試，看能不能達到你那個目的。

<template slot-scope="scope">  //這里需要注意一下
    <el-button type="primary" :disabled="scope.row.state == '已完成'" size="small" @click="dialogFormVisible = true">操作</el-button>
</template>

2018年1月3日 22:20

編輯回答

薔薇花

根據你的 state 來設置, 你的 state會有多種狀態(tài), 假設已完成狀態(tài) state 的值為 1

<el-button type="primary" :disabled="scope.row.state === 1" size="small" @click="dialogFormVisible = true">操作</el-button>

2018年9月3日 21:43

編輯回答

夏木

 <el-table-column label="操作" width="180" align="center">
    <template slot-scope="scope">
        <el-button type="primary" :disabled="scope.row.state == '已完成'" size="small" @click="dialogFormVisible = true">操作</el-button>
    </template>
</el-table-column>

這樣就能解決問題
之前不明白scope.row.state可以這樣寫

2018年7月12日 04:56