vue Jump で新しいウィンドウが開かない場合はどうすればよいですか?

藏色散人
リリース: 2023-01-29 13:51:26
オリジナル
2047 人が閲覧しました

新しいウィンドウを開かずに vue ジャンプする解決策: 1. "console.log('val.route',val.route)" を通じて対応するページにジャンプします; 2. を通じて対応するページにジャンプします「this.$router.push(val.route)」はルートに直接ジャンプし、現在のウィンドウに表示します。

vue Jump で新しいウィンドウが開かない場合はどうすればよいですか?

このチュートリアルの動作環境: Windows10 システム、vue3 バージョン、DELL G3 コンピューター

vue がジャンプした場合はどうすればよいですか新しいウィンドウが開かないのですが?

vue ジャンプをルーティングするときに新しいウィンドウを開くにはどうすればよいですか?

重要なポイント: this.$router.resolve

window.open(routeOne.href, '_blank')

など:

 watch:{
    //监听页面快捷菜单跳转 如待办任务点击更多 等
    routeObj(val){
       //切换菜单
       this.switchApp(val.code)
       //跳转对应页面
       console.log('val.route',val.route)  // 如"/test"
       setTimeout(()=>{
         if(val.tag==1){
            // 直接路由跳转,在当前窗口展示
            this.$router.push(val.route)
         }else{
            //打开新窗口展示
            const routeOne = this.$router.resolve({
              path: val.route,
            })
            window.open(routeOne.href, '_blank')
         }        
       },500)    
    }
  },
ログイン後にコピー

推奨学習: 「vue ビデオ チュートリアル

以上がvue Jump で新しいウィンドウが開かない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート