Переменные Vuejs не отображаются на модальном - PullRequest
Новая
       19

Переменные Vuejs не отображаются на модальном

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

У меня есть скрипт, который должен выводить результаты ответа в модальном окне.Но в настоящее время это не рендеринг.Результаты выводятся правильно вне модального HTML;даже проверка модального источника, когда он виден, показывает, что данные не отображаются;т. е. результаты не скрыты от просмотра, они вообще не рассчитываются.

Полный источник находится по адресу http://www.sic -parvis-magna.com / sicpm / mayan-vue / index.html

Рассматриваемые переменные userAnswer, userAnswerDisplay и userMessage

<div class="modal">
    <div class="modal-background"></div>
    <div class="modal-card">
        <section class="modal-card-body">
            <div v-if="userAnswer !== -1">
                <div id="user-answer" v-html="userAnswerDisplay"></div>
                <div id="user-answer-message" v-html="userMessage"></div>
                <div id="user-hint"></div>
            </div>
        </section>
        <footer class="modal-card-foot">
            <button class="button is-success">Save changes</button>
            <button class="button modal-close">Cancel</button>
        </footer>
        <button class="modal-close is-large" aria-label="close"></button>
    </div>
</div>

1 Ответ

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

Проблема в том, что ваш модальный шаблон находится вне приложения Vue (т. Е. section#mainapp), поэтому шаблон не обрабатывается Vue: 

<section id="mainapp">...</section>

<div class="modal">...</div> <!-- FIXME: Move this into section above -->

Переместите модальное значение в section#mainapp для вычисляемогосвойства для оценки.

демо

...