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

我们只需在按钮内设置属性:disabled="scope.row.**== ‘实际值’ "如下图所示，disabled的值为true时禁用，false时为启用scope.row.xx代表当前行的某个变量举例：<el-button size="mini"type="text":disabled ="scope.row.state == 1"icon="el-icon-edit"@click="

xiejnpeng

5093人浏览 · 2020-12-18 16:01:37

xiejnpeng · 2020-12-18 16:01:37 发布

我们只需在按钮内设置属性

:disabled="scope.row.**== ‘实际值’ "

如下图所示，disabled的值为true时禁用，false时为启用
scope.row.xx代表当前行的某个变量

举例：

<el-button size="mini" 
		type="text" 
		:disabled ="scope.row.state == 1" 
		icon="el-icon-edit"
     	@click="handleUpdate(scope.row)"
     	v-hasPermi="['logistics:vehicleinfo:edit']"
 >修改</el-button>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^