给一个vxeTable动态行高的示例

可以使用以下代码实现vxeTable动态行高：

<template>
<vxe-table :data="tableData" :column-width="100" :row-height="getRowHeight">
<vxe-table-column type="seq" width="60"></vxe-table-column>
<vxe-table-column field="name" title="姓名" width="100"></vxe-table-column>
<vxe-table-column field="age" title="年龄" width="100"></vxe-table-column>
<vxe-table-column field="address" title="地址" width="200"></vxe-table-column>
</vxe-table>
</template>

<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 18, address: '北京市海淀区' },
{ name: '李四', age: 20, address: '上海市浦东新区' },
{ name: '王五', age: 22, address: '广州市天河区' },
{ name: '赵六', age: 24, address: '深圳市南山区' }
]
}
},
methods: {
getRowHeight({ row }) {
return row.name.length * 20 + 40
}
}
}
</script>

在上面的代码中，我们使用了vxeTable组件，并且设置了data属性为tableData数组。在methods中，我们定义了一个getRowHeight方法，该方法接收一个参数row，表示当前行的数据。在该方法中，我们根据当前行的name属性的长度来计算行高，并返回该值。最后，在vxeTable组件中，我们将getRowHeight方法绑定到row-height属性上，这样就可以实现动态行高了。