首页 > 其他分享 >vue el-button disabled没有实时生效

vue el-button disabled没有实时生效

时间:2024-07-30 10:39:04浏览次数:9  
标签:el vue button 实时 disabled 生效

在el-table中,操作按钮中el-button 按钮置灰的操作,disable 不生效

是加了v-if判断,解决方法是 添加 key="1"

          <el-table-column fixed="right" align="center" label="操作">
            <template slot-scope="scope">
              <el-button
                type="primary"
                v-if="scope.row.taskStatus == 1 || scope.row.taskStatus == 2"
                @click="endFun(scope.row)"
                size="mini"
                >结束</el-button
              >
              <el-button type="primary" v-else key="f" disabled size="mini"
                >结束</el-button
              >
            </template>
          </el-table-column>

然后就实时生效了。

标签:el,vue,button,实时,disabled,生效
From: https://www.cnblogs.com/kpengfang/p/18331810

相关文章

  • 快速开启react+electron应用,搭建启动问题
    注意:React本地启动在3000端口Electron在创建BrowserWindow的时候,可以读取本地的文件或者是url开发环境读取localhost:3000生产环境需要加载本地成型以后的本地文件,打包的时候再考虑一react脚手架create-react-app快速搭建reactnpxcreate-react-appmy-ap......
  • vue3写pdf文档预览和下载
    1.实现效果:文件列表点击pdf文档可预览,含多页,带下载按钮 2. 用的vue3+vue-pdf-embed版本号可用1.x或2.x:这里我用的1.2.1版本:"vue-pdf-embed":"1.2.1"//安装:[email protected] vue-pdf-embed官方文档:2.0.0版本:https://www.npmjs.com/packa......
  • 基于java+ssm+jsp旅游论坛设计与实现+vue录像(源码+lw+部署文档+讲解等)
    前言......
  • MATLAB: 使用Delaunay三角剖分构建点云网格
    在计算机图形学和计算几何学中,Delaunay三角剖分a是一种常用的方法,用于将点云数据转换为三角形网格,MATLAB提供了内置函数来执行Delaunay三角剖分,并生成适用于点云可视化和分析的三角网格,本文将介绍如何使用MATLAB进行点云的Delaunay三角剖分,并提供相应的源代码。步骤一:导入点云......
  • 前端截取视频第一帧图 vue2+elementui
    截取方法extractVideoFrame(video){//创建视频元素constvideoElement=document.createElement('video');videoElement.preload='metadata';videoElement.src=URL.createObjectURL(video);//等待视频元素加载完成return......
  • 基于SpringBoot+Vue前后端分离的高校实验室预约管理系统的设计与实现
    基于SpringBoot+Vue前后端分离的高校实验室预约管理系统的设计与实现DesignandImplementationofCollegeLaboratoryReservationManagementSystembasedonSpringBootandVueforFront-End/Back-EndSeparation完整下载链接:基于SpringBoot+Vue前后端分离的高校......
  • 如何修复我的 Python Azure Function DevOps Pipeline 上的“找到 1 个函数(自定义)加载
    我正在尝试使用AzureDevOps构建管道将PythonAzureFunction部署到Azure门户。由于某种原因,代码被部署到服务器,但我在尝试访问端点时收到404错误。我收到一个错误,显示1functionsfound(Custom)0functionsloaded,以及在服务器上显示ModuleNotFound......
  • el-slider实现滚动条自定义分段颜色
    <template><el-sliderref="sliderRef"class="!w-80%"style="--el-slider-runway-bg-color:red;--el-slider-main-bg-color:green"v-model="speedRange"range:min="0":s......
  • Linux Shell远程执行命令
    shell远程执行:    经常需要远程到其他节点上执行一些shell命令,如果分别ssh到每台主机上再去执行很麻烦,因此能有个集中管理的方式就好了。一下介绍两种shell命令远程执行的方法。 前提条件:配置ssh免密码登陆对于简单的命令:如果是简单执行几个命令,则:ssh......
  • android 14开机流程详细分析(上) - Boot ROM,Boot loader,kernel,init
    androidu开机流程详细分析本文基于android-14.0.0_r2源码AOSP架构AOSP的软件堆栈包含以下层:图1.AOSP软件堆栈架构下面列出了图1中使用的术语的定义:Android应用完全使用AndroidAPI开发的应用。GooglePlay商店广泛用于查找和下载Android应用,不过也......