Один дисплей Избранных нет избранных

<Шаблон>

    <DIV>


        <DIV класс = "коробка">

            <IMG SRC = "../ активы / изображение / jiesuan_unchoose.png"
                 исх = "коллекция" @ нажмите = "Collect ()"
                 ID = "аа"
                 альт = "">    
                     
        </ DIV>
    </ DIV>



</ Шаблон>




<Скрипт>
 импорт ChooseImg из "@ / активы / изображение / jiesuan_choose.png";
  импорт UnChooseImg из "@ / активы / изображение / jiesuan_unchoose.png";
    экспорта по умолчанию {
        // данные цикла, чтобы отобразить страницу

      
        данные() {
            возвращение {
                // звезда: 'книги-6-2', // Стили
              Статус: правда,
            }
        },

        методы: {
          сбор () {
           
             если (это. $ refs.collection.id == "аа") {
                 это $ refs.collection.src = ChooseImg.
                 . Это $ refs.collection.id = "бб";
                 this.status = FALSE;
                 console.log ( "Favorites")
             } Еще {
                это $ refs.collection.src = UnChooseImg.
                . Это $ refs.collection.id = "аа";
                this.status = TRUE;
                не console.log ( "нет фаворитов")
             }
          }
        
        }
    }



</ Скрипт>



<Стиль области видимости>
    / * {.Ico_gou
        фон: URL ( "../ активы / изображение / flowerdetail_star.png");
        фон-размер: крышка;
    }
    .ico_gou_on {
        фон: URL ( "../ активы / изображение / flowershoplist_star.png");
        фон-размер: крышка;
    } * /

    .box {
        ширина: 100px;
        высота: 100px;
        границы: 1px твердый #ccc;
    }
</ Стиль>