You are viewing a single comment's thread from:

RE: Nuxt开发指南

in #starnote3 days ago

<NuxtLink> 组件来处理您应用程序中的各种链接。

<NuxtLink to="/about">About page</NuxtLink>

<NuxtLink :to="'/miaos/'+'@'+item.author+'/'+item.permlink">
  <img width=98% mt-3 :src="takeImage2(item.body)" rounded-2 /> 
</NuxtLink>

//将 `id` 参数传递到路由 `~/pages/posts/[id].vue` 进行链接。
<NuxtLink :to="{ name: 'posts-id', params: { id: 123 } }">
  Post 123
</NuxtLink>

// 外部链接
<NuxtLink to="https://nuxtjs.org.cn">
  Nuxt website
</NuxtLink>
target="_blank"  表示在新标签页中打开链接,
rel="noopener noreferrer" 是出于安全考虑,防止新页面获取对原页面的访问权限。