文章/答案/技术大牛

发布

社区首页 >问答首页 >使用带有vuejs的jquery插件，没有webpack？

问使用带有vuejs的jquery插件，没有webpack？
EN

Stack Overflow用户

提问于 2016-09-24 03:01:54

回答 1查看 681关注 0票数 1

我在弄清楚如何在vue组件中使用jquery插件时遇到了麻烦。我没有使用webkit、browserify或ES2016。还有没有办法让我能够使用插件并针对模板标记中的元素？谷歌没有产生任何有帮助的结果。正在讨论的插件是用于条带的jquery.payment

javascript

jquery

vue.js

vue-component

回答 1

Stack Overflow用户

发布于 2016-09-24 03:16:07

您可以在组件的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)
      }
    }
  })

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39667841

复制

相似问题

问使用带有vuejs的jquery插件，没有webpack？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用带有vuejs的jquery插件，没有webpack？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用带有vuejs的jquery插件，没有webpack？
EN