Nuxt.js的路由跳转（页面跳转nuxt-link）

Nuxt.js的路由跳转（页面跳转nuxt-link）路由跳转代码如下：<ul><li><nuxt-link :to="{name:'index.vue'}">HOME page</nuxt-link></li><li><nuxt-link :to="{name:'new-new'}">NEWS p...

qq_42208679

8453人浏览 · 2020-02-16 14:08:54

qq_42208679 · 2020-02-16 14:08:54 发布

Nuxt.js的路由跳转（页面跳转nuxt-link）

路由跳转代码如下：

<ul>
  <li><nuxt-link :to="{name:'index.vue'}">HOME page</nuxt-link></li>
  <li><nuxt-link :to="{name:'new-new'}">NEWS page</nuxt-link></li>
  <li><nuxt-link :to="{name:'plays-play'}">PLAY page</nuxt-link></li>
</ul>

注意说明：

to 前面有冒号“ : ”
to 后面跟的是路径比如“/page/index”(可以跟字符串或对象)同上↑

参考源：https://zh.nuxtjs.org/guide/routing

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^