LikeIcon.vue 836 Bytes
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50
<template>
  <div
    class="like-icon"
    @click="collectHandle"
  >
    <img
      v-if="isLike"
      src="@/assets/images/layout/icon_pre_shoucang .png"
    >
    <img
      v-else
      src="@/assets/images/layout/icon_nor_weishoucang.png"
    >
  </div>
</template>

<script>
import CollectMixin from '@/mixins/collect/collect';

export default {
  name: 'LikeIcon',
  mixins: [CollectMixin],
  props: {
    name: {
      type: String,
    },
  },
  computed: {
    isLike() {
      return this.collectList.find(item => item.menuId == this.name)
        ? true
        : false;
    },
  },
  methods: {
    collectHandle() {
      if (this.isLike) {
        this.delCollect({
          id: this.name,
        });
      } else {
        this.addCollect({
          menuId: this.name,
        });
      }
    },
  },
};
</script>