Перерисовать определенные Vue-компоненты из JavaScript - PullRequest
Новая
       10

Перерисовать определенные Vue-компоненты из JavaScript

0 голосов
/ 19 января 2019

Мой HTML: 

<div id="editor">
    {% for item in items %}
        <base-item type="{{ item.type() }}" top="{{ item.top() }}" left="{{ item.left() }}" width="{{ item.width() }}" height="{{ item.height() }}" position="{{ item.position() }}" css="{{ item.css()|json_encode() }}" offset-count="0" editor="1" master-item="0" {% if item.preserveAspectRatio  == true %} preserveAspectRatio="preserveAspectRatio" {% endif %} onclick="selectitem({{ item.position }}); return false;" ontouchstart="selectitem({{ item.position }}); return false;" ondblclick="edititem({{ item.position }}, '{{ item.type }}'); return false;">
            <{{item.type()}}-component presentation={{ id }} page={{ position }} position={{ item.position() }} json-data="{{ item.jsonData() }}" editor=1 ></{{item.type()}}-component>
        </base-item>
    {% endfor %}
</div>

В моем javascript у меня есть возможность удалить элемент, например так: 

document.getElementById("item" + itemId).remove();

Что работает, но сейчас мне нужна перезагрузка страницы, потому что идентификатор может измениться.

Однако мне было интересно. Каков наилучший способ перезагрузить весь editor div из JavaScript? Я могу повторно получить все элементы через Axios, это не проблема. Но как бы я воссоздал все vue компоненты

...