监听路由变化，在路由发生变化时，手动调用销毁鼠标悬浮弹框的方法，确保弹框被真正销毁，从而解决bug的代码示例

好的，以下是代码示例，假设你正在使用React框架：

import React, { useEffect } from 'react';
import { useHistory } from 'react-router-dom';
import MouseTooltip from 'react-sticky-mouse-tooltip';

function App() {
  const history = useHistory();

  useEffect(() => {
    // 监听路由变化
    const unlisten = history.listen(() => {
      // 手动调用销毁鼠标悬浮弹框的方法
      MouseTooltip.recomputeStates();
    });

    // 组件销毁时取消监听
    return () => {
      unlisten();
    };
  }, [history]);

  return (
    <div>
      {/* 这里是你的页面内容 */}
      <MouseTooltip>
        {/* 这里是鼠标悬浮弹框的内容 */}
      </MouseTooltip>
    </div>
  );
}

export default App;

在上面的代码中，我们使用了`useHistory`来获取路由历史记录，然后使用`useEffect`来监听路由变化。每当路由发生变化时，我们会手动调用`MouseTooltip.recomputeStates()`来销毁鼠标悬浮弹框。

最后，我们将需要添加鼠标悬浮弹框的内容放在`<MouseTooltip>`标签内即可。