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

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

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>

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>

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!