vue element表格如何动态设置按钮禁用状态?

0 0 element element-ui vue.js
不想好好学习
不想好好学习

声望值:315 0人

2019-03-07 15:10:41 提问

关注 0关注

收藏 0收藏, 470浏览

我想当我的状态列 (prop="state")的值改变时,我的操作按钮(label="操作")可以动态改变禁用状态,比如,我的"state":"已提交"时,操作按钮是可用的 ,我的"state":"已完成"时,操作按钮是禁用状态的,怎么弄?求大神指点

     操作

图片描述

请先 登录 后评论

3个回答

  • ︷.゛打酱油103声望 2018-09-25 09:25

    可以直接复制替换你那个操作模板试试,看能不能达到你那个目的。 <template slot-scope="scope"> //这里需要注意一下 <el-button type="primary" :disabled="scope.row.state == '已完成'" size="small" @click="dialogFormVisible = true">操作</el-button> </template>
    请先 登录 后评论
  • java_大星星133声望 2018-09-25 09:26

    根据你的 state 来设置, 你的 state会有多种状态, 假设 已完成状态 state 的值为 1 <el-button type="primary" :disabled="scope.row.state === 1" size="small" @click="dialogFormVisible = true">操作</el-button>
    请先 登录 后评论
  • セ小猪佩奇107声望 2018-09-25 09:28

    <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可以这样写
    请先 登录 后评论

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问