使用jquery插件與vuejs，沒有webpack？

Question

我很難搞清楚如何在vue組件中使用jquery插件。我沒有使用webkit，browserify或ES2016。是否仍有辦法讓我能夠使用插件並在模板標籤中定位一個元素？谷歌沒有得到任何有用的結果..有問題的插件是條紋的jquery.payment

Answer 1

您可以在組件的ready事件中使用該插件。總之它看起來像這樣：

new Vue({ 
    el: '#app', 
    ready: function() { 
    jQuery('.find-thing').payment('formatCardNumber') 
    } 
}) 

這是我如何處理它，如果我沒有其他選擇。我沒有測試它，但它應該比較接近：

<div id="app"> 
    <input class="payment-input" v-model="creditCardNumber"> 
    <div v-if="!creditCardNumberValid">BAD CC</div> 
</div> 

<script> 
    new Vue({ 
    el: '#app', 
    data: { 
     creditCardNumber: '', 
    }, 
    ready: function() { 
     var paymentInput = this.$el.querySelector('.payment-input'); 
     jQuery(paymentInput).payment('formatCardNumber') 
    }, 
    computed: { 
     creditCardNumberValid: function() { 
     return jQuery.payment.validateCardNumber(this.creditCardNumber) 
     } 
    } 
    })