vxe-table中vxe-grid鼠标移入显示位置参数
时间: 2024-05-14 08:11:15 浏览: 307
在vxe-table中,可以通过设置tooltipConfig参数来实现鼠标移入时的显示位置配置。其中,tooltipConfig是一个对象,它包含以下属性:
- theme:字符串类型,表示提示框的样式风格,默认值为“dark”。
- enterable:布尔类型,表示提示框是否可进入,默认值为false。
- leaveDelay:数字类型,表示提示框离开延迟时间,单位为毫秒,默认值为300。
- content:函数类型,表示提示框的内容生成函数,该函数返回一个字符串类型的值。
具体来说,在vxe-grid中,可以通过设置grid.tooltipConfig参数来配置鼠标移入时的显示位置。例如:
```
<template>
<vxe-grid
...
:tooltip-config="tooltipConfig"
...
></vxe-grid>
</template>
<script>
export default {
data() {
return {
tooltipConfig: {
theme: 'light',
enterable: true,
leaveDelay: 1000,
content({row, column, cell}) {
return `单元格的值为:${cell.value}`;
}
}
}
}
}
</script>
```
在上述示例中,当鼠标移动到单元格上时,会显示一个提示框,提示框的样式风格为“light”,可以进入提示框,离开提示框的延迟时间为1秒,提示框的内容是单元格的值。
阅读全文