Question

我有负责select的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

你永远不能对Vuejs管理的元素进行更改，因为Vue不会意识到这一变化，并且会在下一个更新周期中将其覆盖并覆盖它。

因此，您可以尝试将.select_list_radio包装到新组件中，或者更好，尝试在Vue中思考并放弃jQuery。

您可以在此链接中阅读如何安全地将jQuery与Vuejs一起使用：https://vuejsdevelopers.com/2017/05/20/vue-js-safely-jquery-plugin/

js代码在导航路由后停止工作而不重新启动页面

1 个答案: