首页 > 其他分享 >Element-Ui 根据开关按钮状态选择多选框某一行禁用和按钮禁用

Element-Ui 根据开关按钮状态选择多选框某一行禁用和按钮禁用

时间:2023-06-05 13:22:12浏览次数:39  
标签:return 禁用 Element 按钮 选框 row

1、实现效果

2、按钮状态改变

<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            :disabled="scope.row.status==='1'"
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
          >修改
          </el-button>
          <el-button
            :disabled="scope.row.status==='1'"
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
          >删除
          </el-button>
        </template>
      </el-table-column>

3、禁用某一行

selectable(row, index) {
      if (row.status === '0') {
        return true;
      } else {
        return false;
      }
    }

时间:2023-06-05 午休

标签:return,禁用,Element,按钮,选框,row
From: https://www.cnblogs.com/huxiaoan1/p/17457537.html

相关文章

  • 在electron项目如何引入element-plus开发
    安装element-plusnpminstallelement-plus--save按需引入插件npminstall-Dunplugin-vue-componentsunplugin-auto-import配置文件修改由于我这个是vue-cli搭建的项目,所以是在vue.config.js中,如果是vite搭建的话就写在vite.config.ts中写:1constAutoImpor......
  • css实现点击按钮进行右移的动画
    html页面:<divv-if="hideTip"id="tipsButton">   <el-tooltipclass="item"effect="dark"content="打印表格"placement="top">    <el-buttonicon="el-icon-printer"style=......
  • 在elementUI-admin中使用printjs进行打印功能的处理
    1.需要加入依赖npminstallprint-js--save-dev2.通过数据的处理打印表格(推荐)在utils文件夹下创建print.js文件importprintJSfrom"print-js";/** * *@param{ *   title:"",//表名 *   serial:false,//是否需要序号 *   data:[],//......
  • Android Shape自定义纯色圆角按钮
    在Android开发中,为响应美化应用中控件的效果,使用Shape定义图形效果,可以解决图片过多的问题。首先看一下效果图: 整个页面布局为: [html] viewplain copy 1.<?xmlversion="1.0"encoding="utf-8"?>2.<RelativeLayoutxmlns:android=......
  • 来聊聊才离职就被拉黑禁用的这些事
    可能最近写离职的东西比较多,在网站上刷新闻的时候说是有一人才离职1个小时就被拉黑退群了。为了保证来源的准确,原文就不发了,可以自行搜一下。觉得上面的情况还挺有意思的,现就来说说离职拉黑在美国这回事。公司层面上规模的公司对用户的管理都会有一个标准流程的,这个用户的管理不......
  • 来聊聊才离职就被拉黑禁用的这些事
    可能最近写离职的东西比较多,在网站上刷新闻的时候说是有一人因为才离职1个小时就被拉黑退群了。为了保证来源的准确,原文的截图如下:  觉得上面的情况还挺有意思的,现就来说说离职拉黑在美国这回事。公司层面上规模的公司对用户的管理都会有一个标准流程的,这个用户的管理......
  • [小程序]上划显示隐藏底部按钮
    需求:手指往上划隐藏按钮,手指往下滑显示按钮效果如下:页面pages/pageIntro/pageIntro提交记录:(January31st,202310:07am)底部按钮显示隐藏关键代码:onPageScroll(ev){if(ev.scrollTop>this.data.scrollTop||ev.scrollTop==wx.getSystemInfoSync().windowH......
  • element-ui 组件二次封装
    习题链接element-ui组件二次封装课程列表修复bug,实现elementui组件中的单选功能。关键点作用域插槽(ScopedSlots)在父组件中使用slot-scope="scope"指定了一个名为scope的变量,当然也可以使用其他名称在插槽中就可以使用scope是点父组件中的数据ElementUI组件的Radi......
  • 大件货运系统源码,技术架构:spring boot、mybatis、redis、vue、element-ui
    网络货运平台源码网络货运平台的功能网络货运是指利用互联网平台,通过物流配送的方式进行商品销售和物流运输的一种新型商业模式。这种模式将传统的货运模式与互联网技术相结合,通过网络平台进行交易、物流配送和结算等一系列流程,从而实现货物的快速、高效、便捷地运输。技术架构:spr......
  • elementUI中<el-select>下拉框选项过多的页面优化方案——多列选择
    效果展示(多列可以配置)  一、icon下拉框的多列选择:  二、常规、通用下拉框的多列选择:【注】第二种常规、通用下拉框的多列选择,是在第一种的前端代码上删除几行代码就行(把icon显示标签删去),所以下面着重介绍第一种icon下拉框的多列选择。思路  不使用下拉框标签<el-option>......