如果单纯只是为了省略内容,可以设置 option.column.xxx.overHidden 为 true。
给列添加 slot 为 true,然后自定义列的时候用 TextEllipsis 组件即可:
<avue-crud ref="crud" ……>
<!-- 看这 -->
<template slot="introduction" slot-scope="scope">
<avue-text-ellipsis :text="scope.row.introduction" :height="100">
<small slot="more">...</small>
</avue-text-ellipsis>
</template>
</avue-crud>
<script> …… option:{ column:[ ……, { label: '简介', prop: 'introduction', // 看这 slot: true }, …… ] }, …… </script>
版权说明 : 本文为转载文章, 版权归原作者所有 版权申明
原文链接 : https://blog.csdn.net/duanluan/article/details/119988205
内容来源于网络,如有侵权,请联系作者删除!