element ui table

最新推荐文章于 2024-09-15 09:48:37 发布

小七想发言

最新推荐文章于 2024-09-15 09:48:37 发布

阅读量53

点赞数

分类专栏： element模板文章标签： elementui

本文链接：https://blog.csdn.net/qq_51553392/article/details/134272203

版权

element模板专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了在Vue项目中如何使用el-input和el-button进行表格元素的类型切换，包括条件判断和数据绑定的实现。开发者需注意在不同类型的元素间进行适当的操作以保证功能的正确性。

摘要由CSDN通过智能技术生成

element ui table

   **切换表格类型时要注意判断条件要是当期值**

<template #default="scope">
     <el-input v-if="noholdedit.id==scope.row.id&&noholdedit.type.input.indexOf(it)!=-1"
		:placeholder="i18('请输入')" size="mini" v-model="scope.row[listname.split(',')[i]]">
	</el-input>
	<el-button v-if="noholdedit.id==scope.row.id&&it==noholdedit.type.button" size="mini" type="info"
		@click="updateRepair(it)">授权修改</el-button>
	<div v-if='!noholdedit.id||noholdedit.type.span.indexOf(it)==-1' @click="noholdedit.id=scope.row.id">
		{{scope.row[listname.split(',')[i]]}}&nbsp;&nbsp;
	</div>
</template>