传递字符串和参数的方法

传递字符串和参数的方法

 <router-link to="/home" tag="button" router-link-active>home</router-link>
    <router-link to="/about" tag="button">about</router-link>
    <!---<router-link v-bind:to="'/user/'+userId" tag="button">user</router-link>//传递字符串的方法
    <router-link to="/profile" tag="button">profile</router-link>//传递参数的方法
    <router-link v-bind:to="{path: '/profile', query: {name: 'why', age: 18, height:11}}" tag="button">111</router-link>
-->
    <button @click="userClick">user</button>
    <button @click="profileClick">profile</button>

  methods: {
    userClick() {
      this.$router.push('/user/'+this.userId)
    },//传递字符串的方法
    profileClick() {
      this.$router.push({
        path: '/profile',
        query: {
          name: 'lili',
          age: 18,
          height: 1.89,
        }
      })
    }//传递参数的方法

  }