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="handleUpdate(scope.row)"
     	v-hasPermi="['logistics:vehicleinfo:edit']"
 >修改</el-button>

猜你喜欢

转载自blog.csdn.net/xiejnpeng/article/details/111374653
今日推荐