vue动态路由切换?

Question

1.导航通过vue-router进行跳转, 但是导航的数据是动态可变的, 包括点击导航的时候需要进行传参, 自己不知道如何传参, 麻烦大家帮忙看一下, 谢谢!html      <!-- 导航 -->      <div class="nav">        <ul>          <li @click="typeClick(item.sid)" v-for="item in dictionaryList" :key="item.sid">{{ item.value }}</li>        </ul>      </div>jsexport default {  data() {    return {      dictionaryList: []    };  },  methods: {    dictionaries() {      this.$ajax.get(this.$api.DictionaryList + "tour_ype").then(res => {        this.dictionaryList = res.data.data.dictionaryList;      });    },    typeClick(type) {      if (type == 1) {        this.climaticLandscape(type);      }    },    // 天象与气候景观    climaticLandscape(type) {      console.log("type", type);      this.$router.push("/index/tourismresource/climaticlandscape");    },  },  created() {    this.dictionaries();  }};router里的index.js            // 天象与气候景观            {              name: 'qhjg',              path: '/index/tourismresource/climaticlandscape',              component: climaticLandscapeComponent,            },在climaticLandscape()里可以打印type传的值, 但是不知道如何传参

Answer 1

// 天象与气候景观

climaticLandscape(type) {

  console.log("type", type);

  this.$router.push("/index/tourismresource/climaticlandscape");

},

这里的代码你可以把整个当前对象传递过来，然后使用

this.$router.push({

path: "/index/tourismresource/climaticlandscape",

params: {}

});

接受时使用this.$route.params接受即可