Maison > interface Web > uni-app > Comment Uniapp implémente-t-il le saut d'adresse de page ?

Comment Uniapp implémente-t-il le saut d'adresse de page ?

coldplay.xixi
Libérer: 2023-01-13 00:44:09
original
11256 Les gens l'ont consulté

Méthode d'Uniapp pour implémenter le saut d'adresse de page : 1. Utilisez la balise de navigateur, le code est [] ; . Utilisez l'événement [@tap] pour sauter.

Comment Uniapp implémente-t-il le saut d'adresse de page ?

L'environnement d'exploitation de ce tutoriel : système Windows7, version uni-app2.5.1, ordinateur thinkpad t480.

Recommandé (gratuit) : Tutoriel de développement d'uni-app

uniapp implémente le saut d'adresse de page Méthode :

1.balise de navigation

<navigator url="../hello/hello" open-type="navigate">
    <view class="struct">
        I am {{student.age}} yeas old </br>
        I have skills such as {{student.skill[0]}},{{student.skill[1]}}
    </view>
</navigator>
Copier après la connexion

2.@tap event jump

<view class="uni-list-cell" hover-class="uni-list-cell-hover" v-for="(item,index) in news" :key="index" @tap="openinfo">
    <view class="uni-media-list-text-top">{{item.title}}</view>
</view>
 
 
<script>
methods: {
            openinfo(e) {
                console.log(e)
                var newsid = e.currentTarget.dataset.newsid ;    
                uni.navigateTo({
                    url: &#39;../info/info?newsid=&#39;+newsid,
                    success: res => {},
                    fail: () => {},
                    complete: () => {}
                });
            }
        }
</script>
Copier après la connexion

Connexe gratuit recommandations d'apprentissage : Vidéos de programmation

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