el-table里嵌套el-input计数器，勾选哪一行就禁用哪一行的计数器

我好菜呐

于 2021-07-21 11:19:08 发布

阅读量545

点赞数 2

分类专栏：日常记录文章标签： js

本文链接：https://blog.youkuaiyun.com/yang___yang_/article/details/118962168

版权

日常记录专栏收录该内容

25 篇文章

订阅专栏

本文介绍了在Vue.js的el-table组件中如何使用select事件来处理行选择，并根据返回的selection和row数据判断某行是否应该被禁用。通过检查selection中是否存在row数据，动态设置row的isDisabled属性，实现禁用状态的控制。同时，展示了如何在模板中使用`:disabled`指令来绑定这一状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-table有一个select事件，@select=”select“这个事件的返回值有两个： selection和row

方法：
select（selection， row）{}
     //selection:所选中的那一行或几行数据，且放在了一个数组里（返回的是一个数组）
     //row: 所选中的那一行或几行数据（不会放在数组里）

根据selection中是否存在row这个数据，来判断是否该禁用

select (selection, row) {
			let selected = selection.length && selection.indexOf(row) !== -1
			if(selected === true) {
				row.isDisabled = true    //这个isDisabled 是每行数据里都存在的一个属性
			}else{
				row.isDisabled = false
			}
		}

计数器的禁用判断写为：:disabled="scope.row.isDisabled " 这样就可以啦啦啦啦啦啦😀