js der Code funktioniert nicht mehr nach dem Navigieren der Routen ohne Neustart der Seite

Question

Ich habe js Code, der für die Auswahl verantwortlich ist. Die Seite funktioniert, ohne die Seiten neu zu laden (verwenden Sie nuxt). Das Problem ist, dass wenn ich Routen umschalte, diese Auswahl nicht funktioniert. Wie kann ich das beheben?

$(function() { 
     $('.select_list_radio').on('click', function(){ 
      var current = $(this).find('label span').text(); 
      $(this).parents('.select_list_wrapper').find('.select_list_current .select_list_current_item').text(current); 
      $(this).parents('.select_list_wrapper').removeClass('open'); 
      $(this).parents('.select_list_wrapper').find('.select_list').css('display', 'block'); 
     }); 
    }) 

Answer 1

Sie müssen nie eine Änderung an einem Element machen Vuejs schafft, weil Vue der Änderung nicht bewusst sein und nach rechts weiter und überschreiben Sie in der nächsten Update-Zyklus gehen wird.

So können Sie versuchen, Ihre .select_list_radio zu einer neuen Komponente zu wickeln, oder besser, versuchen Sie, in Vue zu denken und einfach jQuery wegzulegen.

können Sie lesen, wie man sicher mit Vuejs in diesem Link jQuery verwenden: https://vuejsdevelopers.com/2017/05/20/vue-js-safely-jquery-plugin/