javascript - 相同功能按钮，但分别使用 Vue 和 Vuetify

Question

Codepen Demo

new Vue({
  el: '#app',
  data: () => ({
    Frequired: true,
    Lrequired: false
  }),
  methods: {
    handleChanges () {
      this.Frequired = !this.Frequired;  
      this.Lrequired = !this.Lrequired;  
    }
  }
})

如何使用相同的功能 botton/checkout 但单独使用它们？

在上面的示例中，我希望检查必需的名字字段并检查姓氏字段，现在该函数链接到这两个复选框，很想知道一种单独单击它们的干净方法。

Answer 1

您可以删除handleChanges并使用类似的东西

@click="Frequired = !Frequired"

和

@click="Lrequired= !Lrequired"

演示:https://codepen.io/jacobgoh101/pen/ZoabNB?editors=1000