$("#login-box").addClass('right-panel-active')换成vue的写法

在Vue中，我们可以使用类似于以下代码的方式来动态绑定class：

<template>
  <div :class="{'right-panel-active': isActive}">
    ...
  </div>
</template>

<script>
export default {
  data() {
    return {
      isActive: false
    }
  },
  methods: {
    togglePanel() {
      this.isActive = !this.isActive
    }
  }
}
</script>

在上面的代码中，我们使用了`:class`来动态地绑定class，然后在data中定义了一个isActive变量来控制是否添加`right-panel-active`这个class。在togglePanel方法中，我们可以通过改变isActive的值来动态地切换class。