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

<template>
  <div>
    <div id="captcha-element"></div>
    <button id="button">Submit</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      captcha: null
    };
  },
  mounted() {
    this.initCaptcha();
  },
  beforeDestroy() {
    this.destroyCaptcha();
  },
  methods: {
    initCaptcha() {
      if (this.captcha) {
        this.destroyCaptcha(); //先销毁之前的实例
      }
      initAliyunCaptcha({
        SceneId: 'c9h3****', //替换为您的SceneId
        prefix: '89****',   //替换为您的prefix
        mode: 'embed',
        element: '#captcha-element',
        button: '#button',
        captchaVerifyCallback: this.captchaVerifyCallback,
        onBizResultCallback: this.onBizResultCallback,
        getInstance: this.getInstance,
        slideStyle: { width: 360, height: 40 },
        language: 'cn',
        immediate: false,
        region: 'cn'
      });
    },
    destroyCaptcha() {
      if (this.captcha) {
        this.captcha.destroy();
        this.captcha = null;
      }
    },
    getInstance(instance) {
      this.captcha = instance;
    },
    async captchaVerifyCallback(captchaVerifyParam) {
      // ...您的验证码验证逻辑...
    },
    onBizResultCallback(bizResult) {
      // ...您的业务处理逻辑...
    }
  }
};
</script>