Maison > interface Web > Voir.js > Comment renvoyer une page dans vuejs

Comment renvoyer une page dans vuejs

藏色散人
Libérer: 2021-11-02 14:56:42
original
3424 Les gens l'ont consulté

vuejs implémente la méthode de retour à une page : 1. Via la méthode "goOff(){this.$router.go(-1);}", méthode sur laquelle cliquer pour revenir à la page précédente 2. Via "methods" ; : {back() {if () {...}" renvoie la page précédente, ou renvoie à la page d'accueil s'il n'y a pas de page précédente.

Comment renvoyer une page dans vuejs

L'environnement d'exploitation de cet article : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

Comment revenir à une page dans vuejs ?

vue met en œuvre le clic sur le bouton pour revenir à la page précédente :

1, vue Comment cliquer sur le bouton pour revenir à la page précédente ?

Voici la plage de code html montée par vue

      <div @click="goOff()">返回</div>
Copier après la connexion

Voici la méthode de clic pour revenir

Le premier ne revient qu'à la page précédente

           goOff(){
                this.$router.go(-1);
            },
Copier après la connexion

Le second revient à la page précédente, s'il y en a pas de page précédente, retournez à la page d'accueil

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

2. Voici une petite introduction à la connaissance de l'interface d'appel vue

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

Apprentissage recommandé : "Les 5 dernières sélections de tutoriels vidéo vue.js"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal