在Vue.js中，可以通过绑定条件类和变量类来根据条件动态改变元素的样式。下面是一个示例解决方案：

HTML代码：

  Toggle Class
  
This is a paragraph.

Vue实例代码：

new Vue({
  el: '#app',
  data: {
    isActive: false
  },
  computed: {
    classObject: function() {
      return {
        active: this.isActive,
        'text-danger': !this.isActive
      }
    }
  },
  methods: {
    toggleClass: function() {
      this.isActive = !this.isActive;
    }
  }
})

在上面的示例中，我们定义了一个名为isActive的变量，它表示元素是否具有活动类。然后，我们使用计算属性classObject来根据isActive的值动态生成一个对象，该对象的键是类名，值是一个布尔值，表示是否应用该类。

在HTML中，我们使用:class指令来绑定classObject计算属性。这样，当isActive变量的值改变时，类名也会相应地改变。

在Vue实例中，我们还定义了一个toggleClass方法，用于在按钮点击时切换isActive变量的值。

通过这种方式，我们可以根据条件动态改变元素的类，实现样式的动态绑定。