So implementieren Sie Referenzen zwischen Seiten in Uniapp (zwei Methoden)

In Uniapp müssen wir oft auf einer Seite auf den Inhalt einer anderen Seite verweisen. Hier stellen wir zwei Methoden zum Implementieren von Referenzen zwischen Seiten vor.

Methode 1: Seitenpfad verwenden

Wir können den Seitenpfad verwenden, um eine andere Seite einzuführen, zum Beispiel:

<template>
  <view>
    <other-page></other-page>
  </view>
</template>

<script>
  import OtherPage from '@/pages/other-page/other-page.vue'
  export default {
    components: {
      OtherPage
    }
  }
</script>

Im obigen Beispiel haben wir <other-page>im Template >-Tag verwendet Führen Sie dann die Vue-Komponente einer anderen Seite im Skriptabschnitt ein und registrieren Sie die Komponente in Komponenten. Auf diese Weise können wir <other-page> auf dieser Seite verwenden, um auf den Inhalt einer anderen Seite zu verweisen. <other-page>标签，然后在script部分引入了另一个页面的vue组件，并且在components中注册了该组件。这样，我们就可以在本页面中使用<other-page>来引用另一个页面的内容。

需要注意的是，这里的路径@/pages/other-page/other-page.vue是相对于项目根目录的，实际路径可能会根据项目结构不同而有所区别。

方法二：使用Page组件的navigateTo方法

另一种方法是使用Page组件的navigateTo方法，例如：

<template>
  <view>
    <button @click="goToOtherPage">跳转到另一个页面</button>
  </view>
</template>

<script>
  export default {
    methods: {
      goToOtherPage() {
        uni.navigateTo({
          url: '/pages/other-page/other-page'
        })
      }
    }
  }
</script>

在上面的例子中，我们在template中使用了一个按钮，然后在script部分编写了goToOtherPage方法，在该方法中使用了uni.navigateTo方法来跳转到另一个页面。需要注意的是，路径'/pages/other-page/other-page'

Das obige ist der detaillierte Inhalt vonSo implementieren Sie Referenzen zwischen Seiten in Uniapp (zwei Methoden). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!