Джарвис Виджет внутри компонента VueJS - PullRequest
Новая
       36

Джарвис Виджет внутри компонента VueJS

0 голосов
/ 13 марта 2019

Я работаю над Laravel 5.7 приложением, которое имеет вид с Jarvis Widget [http://data.edwardsaquifer.org/widgets.php] внутри VueJS компонента,Тем не менее, я не могу заставить работать виджет Jarvis, когда он обернут в Vue Component .

. Я сузил проблему до виджета, обернутого внутри элемента экземпляра Vue. 

new Vue({
    el: '#prospectsApp'
});

Когда виджет Джарвиса обернут внутри экземпляра элемента Vue (# OutlookApp) , нарушает все функциональные возможностивиджет. 

<div id="prospectsApp">
    <section id="widget-grid">
        <div class="row">
            <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
                <div class="jarviswidget jarviswidget-sortable" id="wid-id-0" role="widget">
                    <header class="ui-sortable-handle">
                        <div class="widget-header"> 
                            HEADER
                        </div>
                    </header>

                    <!-- widget div-->
                    <div role="content">
                        <!-- widget content -->
                        <div class="widget-body">
                            CONTENT
                        </div>
                    </div>
                </div>
            </article>
        </div>
    </section>
</div>

Однако, когда я перемещаю экземпляр элемента внутри содержимого виджета, функциональность снова работает ... 

<section id="widget-grid">
    <div class="row">
        <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
            <div class="jarviswidget jarviswidget-sortable" id="wid-id-0" role="widget">
                <header class="ui-sortable-handle">
                    <div class="widget-header"> 
                        HEADER
                    </div>
                </header>

                <!-- widget div-->
                <div role="content">
                    <!-- widget content -->
                    <div class="widget-body">
                        <div id="prospectsApp">
                            CONTENT
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </div>
</section>

Нужно ли что-то передаватьв экземпляр Vue, чтобы сохранить работоспособность виджета без изменений?

...