avue示例

<template><avue-crud ref="crud":option="option":data="data"><template #name-header="{column}"><el-tag>{{(column || {}).label}}-{{(column || {}).prop}}</el-tag></template></avue-crud>
</template>
<script>
export default {data () {return {option: {column: [{label: '姓名',prop: 'name',}, {label: '年齡',prop: 'sex'}]},data: [{name: '張三',sex: '男'}, {name: '李四',sex: '女'}],}}
}
</script>

實際開發代碼示例

// #totalFeeUnpaidAmount-header   字段名totalFeeUnpaidAmount橫杠拼接header<template #totalFeeUnpaidAmount-header>{{ $t('賬單總金額') }}<el-tooltipclass="item"effect="dark":content="$t('尾款金額(實付)+扣款返還(實付)')"placement="top-start"><span><iclass="iconfont iconshujujiacang-tishi"style="font-size: 12px; margin-left: 4px"/></span></el-tooltip></template>