vue 一个页面使用到另一个的内容

最新推荐文章于 2023-11-14 16:17:57 发布

代码敲着敲着就睡了

最新推荐文章于 2023-11-14 16:17:57 发布

阅读量671

点赞数

分类专栏： VUE 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_49261425/article/details/112964544

版权

VUE 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

将A组件使用到的接口，拿到B组件里面，进行展示

A组件

getDataList() {
        this.loading = true;
        this.postRequest("/adminCoupon/selectCoupon",this.searchForm).then(res => {
            this.loading = false;
            if (res.success) {
              this.total = res.result.total;
              var dataList = res.result;
              this.data=dataList;
            }
             console.log(res)
        });
    },

B组件

data() {
    return {
      lList:{}, // 优惠券列表
      lFrom: { // 搜索框初始化对象
          pageNumber: 1,//页号
          pageSize: 100,
      },
    }
},
methods: {
    getLlist() {
      this.postRequest("/adminCoupon/selectCoupon",this.lFrom).then(res => {
          if (res.success) {
            var dataList = res.result;
            this.lList=dataList;
          }
      });
    },
}
 <Option v-for="(item,index) in lList " :key="index" :value="item.id">{{item.merchName}}</Option>