jquery - 如何使用 JQuery 中的 vue 元素类？

Question

列表组件.vue

<button class="add">Button</button>

主页.html

$('.add').on('click',function() {
   alert('Add');
});

警报不显示。我怎样才能得到那门课？

标签： jqueryvue.js

Answer 1

你可以直接在 Vue 中做，但如果你想使用 jQuery，那么你可以在mountedorcreated钩子中编写 jQuery 代码。您也可以在方法中使用 jQuery 代码。

new Vue({
  el: "#app",
  mounted () {
    $('.add').on('click',function() {
      alert('Add');
    });  
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="app">
  <button class="add">Button</button>
</div>