vue 收藏

html:

//收藏

<el-table-column prop="isOpen" label="">

                <template slot-scope="scope">

                  <el-button

                    @click="Collect(scope.$index, scope.row)"

                    type="primary">

                  {{ scope.row.isOpen == 0 ? "收藏" : "已收藏" }}

                 </el-button>

            </template>

</el-table-column>

 

//收藏列表

 <el-row>

              <el-col style="color: #409eff; margin-left: 10px">

                <span @click="whole(), GEOMNum()">全部</span> &nbsp;&nbsp;<span

                  @click="collects(), ColleList()"

                  >收藏</span

                >

              </el-col>

            </el-row>

 

js:

 data() {

    return {

      dataList: [],

      creTime: "",

      address: null,

      size: this.size,

      currentPage: 1,

      pages: 1,

      total: 1,

      value: true,

      remark: this.remark,

      id: "",

      isSelected: false,

      isActive: false,

      isLike: "",

      isOpen: 0,

      pageType: 0,

    };

 //收藏

    Collect(index, val) {

  if (val.isOpen == 0) {

        this.$axios

          .get("bktl", {

            params: {

              address: val.address,

            },

          })

          .then((res) => {

            if (res.data == 0) {

              console.log(`收藏失败`);

            } else if (res.data == 1) {

              console.log(`收藏成功`);

            } else if (res.data == 2) {

              console.log(`已经收藏`);

            }

            val.isOpen = 1;

            this.GEOMNum();

          });

      } else if (val.isOpen == 1) {

        this.$axios

          .get("bkt/d", {

            params: {

              address: val.address,

            },

          })

          .then((res) => {

            if (res.data == 2) {

              console.log(`已经取消收藏`);

            }

            val.isOpen = 0;

            this.GEOMNum();

          });

      }

    },

    //收藏列表

    ColleList() {

      this.$axios

        .get("bkt/ge", {

          params: {

            address: this.address,

            current: this.currentPage,

            creTime: this.creTime,

          },

        })

        .then((res) => {

          if (res.code == 0) {

            this.dataList = res.data.records;

            this.total = res.data.total;

            this.pages = res.data.pages;

            this.size = res.data.size;

            this.currentPage = res.data.current;

          }

        });

    },