，如何在訪問不同的元素使用這個根元素$ EL

在我的模板，我得到這個：

<div v-show="showContent" class="content-block-body"> 
     <div class="slider-pro"> 
      <div class="sp-slides"> 
       <slide v-for="block in subItems" 
        :uniqueId="block.uniqueId" 
        v-bind="block.settings" 
        :container-preview="containerPreview" 
        :transparent-input-background="transparentInputBackground" 
        v-on:remove="removeBlock(block.uniqueId)" 
        :key="block.uniqueId"> 
       </slide> 
      </div> 
     </div> 
    </div>

我使用需要鎖定

<div class="slider-pro">

標籤的jQuery插件。下面的工作如果我刪除第一個div：

 this.el = jQuery(this.$el) 
     this.el.sliderPro()

但如果我有第一個div，插件無法正確初始化。我如何使用這個$ el在模板內部找到其他div，所以我可以正確地將它傳遞給jQuery，然後使用它來初始化插件。

來源

2017-10-07 niko craft

在該元素上設置一個ref。

<div class="slider-pro" ref="slider">

然後使用ref。

jQuery(this.$refs.slider)

記得這個曾經的組件已經被渲染（或mounted之後）纔有效。

來源

2017-10-07 00:41:33 Bert

，如何在訪問不同的元素使用這個根元素$ EL

回答

相關問題