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>

js

export 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) {&nbsp; console.log("type", type);&nbsp; this.$router.push("/index/tourismresource/climaticlandscape");},这里的代码你可以把整个当前对象传递过来，然后使用this.$router.push({path: "/index/tourismresource/climaticlandscape",params: {}});接受时使用this.$route.params接受即可