Vue-el-table-column组件prop数据格式化
对于ElementUI中的el-table-column组件,如果想要对传入的prop的数据进行格式化,使用下面这个方法:<el-table-column prop="date" label="日期" width="525"></el-table-column><!-- 无法格式化 --><el-table-column prop="date|dateFo
·
对于ElementUI中的el-table-column组件,如果想要对传入的prop的数据进行格式化,使用下面这个方法:
<el-table-column prop="date" label="日期" width="525"></el-table-column>
<!-- 无法格式化 -->
<el-table-column prop="date|formatDate" label="日期" width="525"></el-table-column>
<!-- 格式化 -->
<el-table-column label="日期" width="525">
<template slot-scope="scope">{{ scope.row.date | formatDate }}</template>
</el-table-column>
<script>
filters: {
formatDate(arg) {
return arg.replaceAll("-","/");
}
}
</script>
vue设置img标签图片加载不出来时默认图片:
<template>
<img :src="item.picUrl" alt="头像" :onerror="defaultImg" />
</template>
<script>
export default {
data() {
return {
defaultImg: 'this.src="' + require('../../assets/img/default.png') + '"'
}
}
}
</script>
更多推荐
已为社区贡献5条内容
所有评论(0)