js代码在浏览路线后停止工作，无需重新启动页面

问题描述：

我有js代码负责选择。该网站的作品无需重新加载页面（使用nuxt）。问题是，如果我切换路线，那么这个选择不起作用。我怎样才能解决这个问题？js代码在浏览路线后停止工作，无需重新启动页面

$(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'); 
     }); 
    })

你叫这个当'.select_list_radio'元素不存在于DOM？ – thanksd

@thanksd 不，第一次加载页面时，选择工作。然后，当我走上路线时，它停止工作。如果您重新加载页面，它将再次开始工作 – Jussia

答

你绝不能做出改变，以Vuejs管理，因为Vue公司将不知道的变化，并打算正前方去，在未来的更新周期覆盖它的元素。

因此，您可以尝试将.select_list_radio包装为新组件，或者更好地尝试在Vue中考虑并仅将jQuery置之不理。

您可以了解如何安全地在这个环节上使用jQuery与Vuejs：https://vuejsdevelopers.com/2017/05/20/vue-js-safely-jquery-plugin/

js代码在浏览路线后停止工作，无需重新启动页面

相关推荐