在Vue中当状态为某个值的时候禁用该按钮

上代码
示例:当想要让状态为 1 的时候修改按钮不能点击

 <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)" :disabled="scope.row.status == 1">修改</el-button> 

主要就是这个::disabled=“scope.row.status == 1”

第二种方法就是:

  1. 根据页面值判断按钮是否可用,不可用置灰(不可点击true)
  2. 在el-button或button标签里加上:disabled=“submissionFlag”,然后在return返回值里加上submissionFlag: true 默认为灰
  3. 接下来在mounted方法里判断,首先要获取页面值,然后判断是否置灰
<el-button :disabled=“submissionFlag” @click=“billingSubmission”>提交
data() {
return {
submissionFlag: true,

第三步
//获取页面唯一值

let obtain = this.XXXXXXXXXX(这个需要看你想要的值是什么)
//判断这个值是否为null 如果是空的就置灰(true为灰,false为可点击)
if(obtain == null){
this.submissionFlag=true;//赋值给el-button
}else{
this.submissionFlag=false;//赋值给el-button

置灰其实也就是现在页面不满足条件不能点击,满足条件后就要可以点击
在这里插入图片描述
在这里插入图片描述

大家好,今天和大家分享一下element-plus中的按钮禁用,这个是在项目制作时比较常见的,我是用在了编辑和删除中,根据登录的用户id来进行判断,如果数据对应的用户id和你登录的用户id相同的话就可以进行编辑和删除操作,如果不是则按钮禁用状态。这个禁用属性也可以通过其他方法来实现禁用状态,大家可以根据自己的需求来进行是否禁用的一个状态。以上就是本章的全部内容,希望能够帮助到您。 <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">Opel</option> <option value= 计时器和延时器的概念 //–计时器 // 计时器ID号 setInterval(回调函数, 毫秒数); // 每隔指定毫秒数,调用一次回调函数 // clearInterval(计时器ID号) // 停止指定ID号的计时器(实际上是销毁释放资源了) //–延时器 // 延时器Id号 setTimeout(回调函数, 毫秒间隔) // 从调用开始,等待指定毫秒数后调用一次回调函数,结束 // 使用clearTimeout清除延时器 效果图: 页面打开后会出现下图:之后按钮value每过1秒 数字减小1直至0停止 按钮内容变为同意 实现代码: 代码如下: <!DOCTYPE html PUBL hasErrors=()=>{ const{photosList}=this.state //photosList为上传图片的数量 constfieldsValue=this.props.form.getFieldsValue(); consterrArr=Object.... vue按钮禁止 通过给按钮设置 pointer-events:none;就可以不执行按钮事件。通常默认为pointer-events:auto; <button @click="addItem" :class="{'btn-onlyRead':btnDisabled==true}"> <img class="add-img" /> </button> .btn-onlyRead{ pointer-events:none; 项目场景: 项目需求:用vue在el-table中添加每一行的操作,需要在操作时对按钮进行禁用操作,在返回参数后根据参数判断是否可以解除禁用,并将参数实时更新到页面上 解决方案: 1、第一种解决方案 我们可以将禁用按钮定义为一个变量 这类型的变量证明该参数是存储于list参数中的,也就是我会去动态添加参数到list中 知道了操作方法,那就可以去操作我们的url方法了,因为我在点击按钮的时候会有一个弹框,进行确认操作,也就是在弹框弹出之前我们需要先将参数添加到l... 1、父组件的button元素绑定click事件,该事件指向notify方法 2、给子组件注册一个ref=“child” 3、父组件的notify的方法在处理时,使用了$refs.child把事件传递给子组件的parentMsg方法,同时携带着父组件中的参数msg  4、子组件接收到父组件的事件后,调用了parentMsg方法,把接收到的msg放到message数组中 1.当用户点击”增加一行”,Table就增加一个Tr(包括四个文本框,”添加”,”删除此行”两个按钮。)。 ł.增加的四个文本框为空的且被禁用,用户只要点击”添加”按钮来选择用户的。 Ń.当用户点击”添加”按钮,就弹出新窗口,新窗口为一用户列表,用户列表只有”用户ID”和”用户名”两个字段显示. ń.当选择用户列表Onmouseover时,鼠标变成”hand”,当前行的TR的bgcolor为蓝色,字为白色。当用户onclick时,相应的就添加到四个文本框中。新 required: true,//必选 message: '执行状态不能为空!',//提示信息 trigger: 'blur,change',//触发器,不用想input,select,这里都触发了