0

我正在开发一个Laravel 5.7应用程序，该应用程序在VueJS组件中有一个带有Jarvis Widget [ http://data.edwardsaquifer.org/widgets.php]的视图。但是，当包裹在Vue Component中时，我似乎无法让 Jarvis 小部件发挥作用。

我已将问题缩小到包装在 Vue 实例元素内的小部件。

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

当jarvis 小部件被包裹在Vue元素实例(#prospectsApp)中时，会破坏小部件的所有功能。

<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 实例中以保持小部件的功能完好无损？

4

0 回答 0