<template>  
  <div>  
    <!-- 页面其他内容 -->  
    <!-- 你可以在这里添加其他 Vue 组件或 HTML 内容 -->  
  </div>  
</template>  
  
<script>  
export default {  
  name: 'BrowserChecker',  
  mounted() {  
    // 检查浏览器类型  
    const isFirefox = /Firefox/i.test(navigator.userAgent);  
  
    if (isFirefox) {  
      // 如果是 Firefox，则弹出对话框并跳转到百度  
      if (window.confirm('您正在使用 Firefox 浏览器，是否跳转到百度？')) {  
        window.location.href = 'https://www.baidu.com';  
      }  
    }  
  
    // 注意：在实际应用中，不建议使用 confirm 对话框进行重定向，  
    // 因为这可能会给用户带来不好的体验。这里只是为了演示目的。  
  },  
  // 其他 Vue 组件选项...  
};  
</script>  
  
<style scoped>  
/* 样式代码 */  
</style>


----------------------------------------------------------------------------------------------------------------
<template>  
  <div>  
    <!-- 其他内容 -->  
    <button @click="checkBrowserAndRedirect">点击跳转</button>  
  </div>  
</template>  
  
<script>  
export default {  
  name: 'BrowserRedirect',  
  methods: {  
    checkBrowserAndRedirect() {  
      const userAgent = navigator.userAgent;  
      const isFirefox = /Firefox/i.test(userAgent);  
  
      if (isFirefox) {  
        if (window.confirm('您正在使用 Firefox 浏览器，是否跳转到百度？')) {  
          window.location.href = 'https://www.baidu.com';  
        }  
      } else {  
        // 可以在这里添加其他浏览器的处理逻辑，比如显示一个消息  
        // alert('您当前使用的不是 Firefox 浏览器。');  
      }  
    }  
  }  
};  
</script>  
  
<style scoped>  
/* 样式代码 */  
</style>