vuejsでページを返す方法

Vuejs は、ページに戻るメソッドを実装します。 1. 「goOff(){this.$router.go(-1);}」メソッドを通じて、クリックして前のページに戻ります。 2 . 「methods: {back(){if () {...}」メソッドを使用して前のページに戻ります。前のページがない場合は、トップページに戻ります。

この記事の動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

vuejs でページを返すにはどうすればよいですか?

vue は、前のページに戻るボタンをクリックする実装を行います:

1、vue はどのようにボタンをクリックして前のページに戻るのでしょうか?

これは vue によってマウントされる HTML コードの範囲です

      <div @click="goOff()">返回</div>

以下はクリックして戻るメソッドです

最初のメソッドは前のページのみを返します

           goOff(){
                this.$router.go(-1);
            },

1 つ目 2 つ目の方法は、前のページに戻ることです。前のページがない場合は、ホームページに戻ります。

    methods: {
        back(){
            if (window.history.length <= 1) {
                this.$router.push({path:&#39;/&#39;})
                return false
            } else {
                this.$router.go(-1)
            }
        }
    },

2. ここでは、vue 呼び出しインターフェイスの知識について少し紹介します。

           actAllProfit(){                //调取接口的函数
                var params = {};                //这是调取接口时的请求参数 明白点就是我们要传过去的参数
                var reqUrl = this.diviBaseUrl + '/bonuses/grossProfit';               //这是后台接口地址
                this.$http.get(reqUrl,{               //get方式发送请求
                    params: params           //把外面声明的参数传过去
                }).then((res)=>{   //巧妙运用箭头函数
                    if(!res){return;}
                    this.allProfit = res.Profit; //res就是后台返回的所有数据 前端需要接收并保存
                })
            }

推奨学習: 「最新の 5 つの vue.js ビデオ チュートリアル セレクション >>

以上がvuejsでページを返す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。