jsページを再起動せずにルートをナビゲートした後にコードが機能しなくなる

Question

選択を担当するjsコードがあります。サイトはページをリロードせずに動作します（nuxtを使用）。問題は、経路を切り替えると、この選択が機能しないということです。これをどうすれば解決できますか？

$(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

Vueのは、変更を認識しませんし、右先に行くと、次の更新サイクルでそれを上書きしようとしているので、あなたはVuejsが管理する要素に変更を加えることはありませんしなければなりません。

.select_list_radioを新しいコンポーネントにラップするか、またはVueで考えてみてjQueryを離れてみてください。

あなたは安全にこのリンクでVuejsでのjQueryを使用する方法を読むことができます： `.select_list_radio`要素がDOMに存在しない場合https://vuejsdevelopers.com/2017/05/20/vue-js-safely-jquery-plugin/