Переменные Vue.js теряют область видимости внутри модального фундамента. - PullRequest
Новая
       16

Переменные Vue.js теряют область видимости внутри модального фундамента.

0 голосов
/ 16 ноября 2018

У меня есть следующий цикл v-for в области первого открытия и тегов <div> окончательного закрытия ниже.

Первый :src может разрешить имя файла из Vue.js переменных.

Второй :src (в строке 12) не может преобразовать переменные в строку, и браузер вместо этого ищет файл с именем: 'https://sample.com/' + orderInfo[product].FileName[index], который не существует.

Почему браузер не может интерпретировать / разрешать имена переменных внутри модального режима, даже если они находятся в области действия v-for. 

<div v-for="index in orderInfo[product]" :key="index">
    <img :src="'https://sample.com/' + orderInfo[product].FileName[index]"/>

    <div class="file-detail">
        <a data-open="modal"></a>
    </div>

    <div class="reveal large" id="exampleModal1hello" data-reveal>
        <button class="close-button" data-close aria-label="Close modal" type="button">
            <span aria-hidden="true">Close X</span>
        </button>
        <img :src="'https://sample.com/' + orderInfo[product].FileName[index]"/>
    </div>
</div>
...