Javascript 跟随v按钮的链接时，Vuetify工具提示显示在左上角

我在Vuetify遇到了一种奇怪的行为。我在Vuetify中使用了这个组件，我在其中的一个数据列中使用了一个插槽，将Vuetify添加到其中，然后在该按钮中使用工具提示组件

问题定义：

工具提示行为如下所示：

• 当我将鼠标移到按钮并等待时，工具提示将正确显示
• 当我在显示工具提示时单击按钮时，它会重定向到正确的页面，并且一切正常
• 当我在工具提示未显示时单击按钮时，它会重定向到正确的页面，但工具提示随后会显示在页面的左上角并卡住
• 当工具提示卡住时，我可以重定向到不同的页面，但工具提示仍在左上角
• 当工具提示卡住时，我可以带着表格返回页面。如果我将鼠标移到最初用于重定向的按钮上，然后移开，工具提示将消失

其他信息：

我发现这种行为可能是由于在我的应用程序中，我将此组件设置为通过

当我删除

PrintHistory

字符串时，它的行为与预期的一样

我还发现，当我将

opendelay

参数设置为更大的数值时，它会在左上角以更大的延迟显示工具提示

无论我重定向到哪个页面，问题仍然存在

整个组件的代码：

{{$t（'print_history.title'）}
{{$t（header.text）}
mdi文件搜索大纲
{{$t（'print_history.show_file'）}{{item['path_to_file']分割（“/”[item['path_to_file']）。分割（“/”.length-1]}
/**
*@typedef{Object}Sorter-存储有关列排序的信息
*@property{string}field-要排序的列的唯一名称
*@property{string}dir-排序方向：升序（'asc'）、降序（'desc'））
*/
/**
*@typedef{Object}Filter-存储有关列排序的信息
*@property{string}field-要筛选的列的唯一名称
*@property{string}运算符-定义筛选器的运算符
*@property{string}value-排序方向：升序（'asc'）、降序（'desc'））
*@property{string}color-显示过滤器时v芯片的颜色
*/
从'../../../utils'导入{utcTimeStamp，utcToLocal}
/**
*显示在具有排序和筛选功能的表中排列的打印历史记录。
*/
导出默认值{
名称：“印刷历史”，
数据（）{
返回{
工具提示\u背景\u颜色：“rgba（0,0,0,0.7）”，
错误消息：“”，
搜索：“”，
行计数：0，
总行数：0，
行：[]，
已筛选的行：[]，
加载：对，
页码：1，
页数：空，
每个页面的默认项目：13，
窗口大小：{
x:0,，
y:0
},
初始排序器：[{字段：'action_at'，目录：'desc'}]，
标题：[
{
文本：“打印历史记录。日期和时间”，
值：'action_at'，
对齐：“结束”
},
{
文本：“打印历史记录。报告类型”，
值：“已翻译的报告类型”
},
{
文本：“打印历史记录。用户id”，
值：'user\u id'
},
{
文本：“打印历史记录。用户名”，
值：“用户名”
},
{
文本：“打印历史记录。状态”，
值：'translated_state'
},
{
文本：“打印历史记录。显示文件”，
值：“显示_文件”，
可排序：false，
},
],
上次更新：空，
}
},
计算：{
每页计算的项目数（）{
返回Math.max（Math.floor（（this.window_size.y-300）/48），1）
}
},
方法：{
本地，
/**
*从数据库加载数据。如果无法加载数据，则分配加载错误。
*/
loadData（）{
这是真的
this.last_update=utcTimeStamp（）
让开始时间=日期。现在（）
此.$store.dispatch（'getPrintHistory'））
。然后（（响应）=>{
this.rows=this.transformData（response.data）
this.row\u count=this.rows.length
this.total\u row\u count=response.data.total\u row\u count
log（“总时间：”+（Date.now（）-开始时间））
})
.catch（（）=>{
this.err\u msg='errors.error\u loading\u data'
this.data=[]
})
.最后（（）=>{
此参数为0。加载=错误
})
},
/**
*一旦实现，这将在javascript PDF浏览器中显示文件。
*@param absolute_path要显示的文件的绝对路径
*/
显示文件（绝对路径）{
console.log（绝对路径）
},
/**
*在将数据保存到行之前处理数据。
*@param{object[]}data_to_转换应处理的对象数组
*@return{object[]}为数据表格式化的对象数组
*/
transformData（数据到数据的转换）{
让数据返回=数据转换
数据返回。forEach（（条目）=>{
条目['user_name']=entry.user.name
条目['path_to_file']=entry.misc.path_to_file
条目['action_at']=this.$d（utcToLocal（entry.action_at），'datetime'）
条目['translated_report_type']=this.$t（`print_history.report_types.`+entry.report_type）
条目['translated_state']=this.$t（`print_history.states.`+entry.state）
})
返回数据到返回
},
onResize（）{
this.window_size={x:window.innerWidth，y:window.innerHeight}