vue axios请求数据，以及点击获取当前数据并进行路由传参加密

Dirt_Lyd

已于 2022-10-13 12:03:15 修改

阅读量553

点赞数 1

文章标签： javascript 前端 vue.js

于 2022-08-24 13:29:19 首次发布

本文链接：https://blog.csdn.net/lyd1021_/article/details/126502638

版权

    <template>
        <div class="car_wash_auto">
            <div
              class="car_wash_content_items"
              v-for="item in records"
              :key="item.index"
              @click.prevent="pushRouterParams(item)"
            >
             </div>
          </div>
    </template>

<script>
export default{
    data(){
        return{
            records:[],
        },
    },
    methods: {
    //数据请求
    list() {
      axios
        .get("/getshoplist")
        .then((res) => {
          console.log(res.data.data);
          this.records = res.data.data.records;
        })
        .catch((error) => {
          console.log(error);
        });
    },
    //获取当前点击的一项，进行路由传参
    pushRouterParams(item) {
      let objData = JSON.stringify(item);
      this.$router.push({
        path: "/Businesses",
        query: { allData: encodeURIComponent(objData) },
      });
    },
  },
}
</script>