Estoy usando vuejs. Quiero que este método se active cada vez que se haga clic en algo con una clase específica. Tengo problemas para configurarlo en vuejs, pero funcionó correctamente con vanilla js. Por favor echa un vistazo
new Vue({ el: "#app", data: { }, methods: { handleTileClick: function(){ alert("You have got mail") window.top.$("body").append(`<div>My Div goes here!</div>`); const tiles = document.querySelectorAll(".carousel-cell-card") tiles.forEach(tile => tile.addEventListener('click', handleTileClick)) } } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <h2>Checklist:</h2> <p class="carousel-cell-card"> my friend bob </p> </div>Debe inicializar los oyentes en la sección mounted .
new Vue({ el: "#app", mounted() { const tiles = document.querySelectorAll(".carousel-cell-card"); tiles.forEach(tile => tile.addEventListener('click', this.handleTileClick)) }, methods: { handleTileClick(){ alert("You have got mail"); //window.top.$("body").append(`<div>My Div goes here!</div>`); // This statement has to be debugged } } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <h2>Checklist:</h2> <p class="carousel-cell-card"> my friend bob </p> </div>