vue 收藏

2024-10-20 11:58:29

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>   <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;

}

});

},

最新文章

热门文章