Jquery 在Vue js生成的HTML中找不到选择器

我的jQuery代码找不到这个

$（“.product item wrapper”）

选择器，但它在VueJS生成的控制台中工作。我应该在.js文件中使用jQuery来通过使用这个选择器弹出img吗

这是我的vue.js

Vue.component('product-item', {
  data: function() {
}, template: `
    <div class="col-6 col-md-4 product-item-wrapper">
            <div>........
                <div class="col-12 col-md-4">
                       <div class="row">
                               <div class="col-6 text-right">
                                   <div :class="'zoomAction-' + product.nid.value">
                                       <i class="fas fa-search-plus icon_size"></i>
                                   </div>
                                   <div class="pdesc font2">
                                       <span v-show='productCurrency !== "" && productPrice !== "" && !isInsight'>
                                       </span>
                                   </div>
                               </div>
                               <div class="col-6 text-left">
                                   <a class="c_ico c_ico_cart_add cartMenu" href="#" @click="addSingleProductToCart">
                                       <div class="plusSym">
                                           <i class="far fa-heart icon_size"></i>
                                       </div>
                                   </a>
                               </div>
                       </div>
                </div>
            </div>
        </div>
    </div>`,
  methods: {}
})

---

代码似乎很好。当DOM已完全加载时，您是否正在运行jQuery代码？我猜jquery在DOM完全加载之前运行。但是我将jquery放在$（window）.on（'load'，function（）{}中，它不工作。

  jQuery.each($(".product-item-wrapper "), function() {
    var imgele = $(this).find("[class^=product-zoom-]");
    var zoom =$(this).find("[class^=zoomAction-]");        
    $(zoom).magnificPopup({
        mainClass: 'mfp-fade',
        midClick: true,
        removalDelay: 600,
        fixedContentPos: true,
        fixedBgPos: true,
        gallery: { enabled: true },
        type: 'image',
        callbacks: {
            elementParse: function(item) {
                //console.log($(imgele)[0].childNodes[0].currentSrc);
                item.src =  $(imgele).children().attr("src");
            }
        }
     });
  });