根据判断条件决定按钮样式 disabled

 

html:

            <el-table-column prop="operate" label="操作" align="center">
                <template slot-scope="{ row }">
                    <el-button type="text" :class="{'textbtn' : disabled(row)}" :disabled="disabled(row)" @click="editData(row)">编辑</el-button>
                    <el-button type="text" :class="{'textbtn' : disabled(row)}" @click="removeData(row)" :disabled="disabled(row)">删除</el-button>
                </template>
            </el-table-column>

 js:

        computed: {
            disabled() {
                return function (data) {
                    let flag = true
                    const oldy = data.second_end_at.substring(0,4) - 0
                    if (this.year > oldy) {
                        flag = true
                    } else {
                        flag = false
                    }
                    return flag
                }
            },
        }