el-table :formatter属性失效

最新推荐文章于 2024-08-09 11:14:56 发布

xielatian

最新推荐文章于 2024-08-09 11:14:56 发布

阅读量4.3k

点赞数 2

分类专栏：笔记文章标签： javascript vue.js html5

本文链接：https://blog.csdn.net/weixin_43979503/article/details/108784019

版权

笔记专栏收录该内容

57 篇文章 0 订阅

订阅专栏

本文探讨了在Vue的el-table组件中，当使用formatter格式化列数据与scope模板作用域一起时可能导致的问题。示例代码显示了formatter函数如何与scope内的模板冲突，提出了解决方案——要么在scope内处理数据，要么移除scope以避免冲突。这对于理解和优化Vue项目的表格数据展示逻辑至关重要。

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

在这种情况下会失效，formatter不能和scope一起使用，

<el-table-column label='状态'  prop="type"  :formatter="formatter">
	<template slot-scope="scope">
	<p>{{scope.row.type}}</p>	
	</template>
</el-table-column>

<script>
	methods:{
		formatter(row, column, cellValue, index){
		if(row.type=='1'){
			return row.type='是';
		}else{
			return row.type='否';
			}
		};
	}
</script>