javascript - 如何从 VueJs 中的选定元素中删除特定的类名？

Question

这就是我的 vuejs 方法的样子。在 changeRoute 函数中，我可以通过 e.target.className = 'clicked'; 更改类名，但是当我尝试从其他元素中删除该类名时，我无法通过 pre 来完成。 removeClass('clicked'); 我怎样才能做到这一点？

<script>   
export default {

  components: { 
      
  },
  data() { 
      return {

      }
  },
  methods: {
      changeRoute(e, route) {
           
        var pre = this.$el.querySelector('.clicked');
        if(pre) {
            // pre.removeClass('clicked'); 
        }

        this.$router.push({
            name: route
        }); 
        e.target.className = 'clicked';
          
      }
  },
  mounted() {
      this.$nextTick(() => {
 
      })
  }
}

</script>

还有如何推送类名而不是全部替换为 e.target.className = 'clicked';

Answer 1

您可以使用 classList.add and classList.remove为此。
但似乎您想根据当前路由设置链接样式，这可以使用 vue-router 完成，因为它会在与当前路由匹配的链接上添加类。
Vue-router active class