@dk-web

Почему компоненты vue не изолированы в данном случае?

Доброго дня.
Собственно есть компонент - загрузка фото.
Я его тиражирую в 4 экземплярах

<lap-view :side="'/11.png'"></lap-view>
    <lap-view :side="'/12.png'"></lap-view>
    <lap-view :side="'/13.png'"></lap-view>
    <lap-view :side="'/13.png'"></lap-view>


Передаю ссылку на изображение - собственно этим они и отличаются.

В компоненте вывожу
<img :src="side" class="dressImg">
      <div class="resizable2" :style="{ 'background-image': 'url(' + image + ')' }">
          </div>


data как и сказано в доках - функция.

export default {
  name: "lapview",
  props: ["side"],
  data() {
    return {
        image: ""
    };
  }


В общем - я загружаю фото.. но все идет в первый компонент.
Еще заметил, что у меня в приложении пропали data атрибуты... обычно же vue проставляет ... div data="абракадабра"
В чем может быть причина?
  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы