NUXT3-VUE中的用户oute和userOuter有什么区别

Question

我想了解，

const Route = useRoute()

有什么

const Router = useRouter()

nuxt3/vue中

区别。另外，我无法正确使用路由器。

提交时，我想使用使用查询字符串的另一页。

<template>
  <button @click="SearchTaxi"></button>
</template>

<script setup>
import { ref } from 'vue'
const router = useRouter()
const pickuppoint = ref('')
const dropoffpoint = ref('')

const SearchTaxi = () => {
router.push({
  path: `/airport-transfers/results?pickuppoint=${pickuppoint.value}&dropoffpoint=${dropoffpoint.value}`})
}
</script>

我希望途径会改变，

"url/airport-transfers/results?pickuppoint=XXXX&dropoffpoint=XXXX"

但我会得到

"url/airport-transfers/results"

Answer 1

有两件事：

• 路由，其中​​包含与路径，主机名，当前查询参数等相关的所有信息...
• 路由器，将为您提供所有功能的实际VUE路由器，例如客户端端导航（使用按下或替换），回滚到 n-1 ，解决等...

您可以检查API： https://router.vuejs.org/api/api/

并查看其中每个方法都有哪些方法/字段。

如果要推出一些查询参数和新路径，则可以使用以下内容

router.push({
  path: '/airport-transfers/results',
  query: { 
    pickuppoint: pickuppoint.value,
    dropoffpoint: dropoffpoint.value
  }
})

，如下所述： https://router.vuejs.org/guide/essentials/navigation.html#navigate-to-a-a-different-location