如何解决阿里云滑块验证码在页面切换时报错的问题？

let captchaInstance;

// 路由前置守卫：在路由切换前执行
this.router.beforeEach((to, from, next) => {
  // 销毁之前的验证码实例
  if (captchaInstance) {
    captchaInstance.destroy();
    captchaInstance = null; // 清空引用
  }
  next();
});

// 路由后置守卫：在路由切换后执行
this.router.afterEach((to, from) => {
  initAliyunCaptcha({
    SceneId: 'c9h3****', // 替换为您的 SceneId
    prefix: '89****',   // 替换为您的 prefix
    mode: 'embed',
    element: '#captcha-element',
    button: '#button',
    captchaVerifyCallback: captchaVerifyCallback,
    onBizResultCallback: onBizResultCallback,
    getInstance: (instance) => { captchaInstance = instance; }, // 获取实例
    slideStyle: { width: 360, height: 40 },
    language: 'cn',
    immediate: false,
    region: 'cn'
  });
});

// ... (captchaVerifyCallback 和 onBizResultCallback 函数保持不变) ...

async function captchaVerifyCallback(captchaVerifyParam) {
  const result = await xxxx('http://您的业务请求地址', {
    captchaVerifyParam: captchaVerifyParam,
    yourBizParam: '...'
  });
  // ... (处理结果) ...
}

function onBizResultCallback(bizResult) {
  // ... (处理结果) ...
}