Avue-crud テーブル コンポーネントの列テキストが長すぎるため、指定された行数を省略して表示できません

単にコンテンツを省略したい場合は、option.column.xxx.overHiddenを true に設定できます。

列にスロットを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>

参考

• 表と列の属性 | エレメント
• カスタム列 | Avue
• テキスト省略記号を超える TextEllipsis | Avue