javascript - Vuejs模态组件和外部JS脚本

Question

我正在使用 Laravel 和 Vue.js 来制作应用程序。在刀片页面中，我有一个需要这样的脚本库的谷歌地图插件（纬度，长选择器）：

<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

我的显示地图的插件：

<div class="gllpLatlonPicker">
  <div class="gllpMap" style="width: 100%; height: 330px">location</div>
  <input class="gllpLatitude" :value="$parent.shop_for_edit.lat" />
  <input class="gllpLongitude" :value="$parent.shop_for_edit.long" />
  <input class="gllpZoom" type="hidden" value="11" />
  <input class="gllpLatitude" id="lat" size="10" type="text" :value="$parent.shop_for_edit.lat" />
  <input
    class="gllpLongitude"
    id="long"
    size="10"
    type="text"
    :value="$parent.shop_for_edit.long"
  />
</div>

我的问题：我想在 Vue.js modal 中创建编辑页面并在其上加载该地图选择器，如您所知，modals 是一个组件，我们使用v-if它来打开它，直到它没有打开，我的脚本将不会工作。

我可以通过使用v-show而不是修复它，v-if但通过这种方式，我mounted()将无法正常工作，并且该组件已经打开。

有没有办法重新编译 Vue 组件中的 DOM 以使用脚本更新并正常工作？

标签： javascriptlaravelvue.jsvuejs2vue-component