javascript - 功能相同的按钮，但单独使用它们Vue和Vuetify

Codepen Demo

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

如何使用相同的功能botton / checkout，但分别使用它们？

在上面的示例中，我希望对“必填名”字段进行检查，并对“姓氏”字段进行检查，现在该功能链接到两个复选框，希望知道一种单独单击它们的干净方法。

最佳答案

您可以删除handleChanges并使用类似这样的内容

@click="Frequired = !Frequired"

和

@click="Lrequired= !Lrequired"

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

关于javascript - 功能相同的按钮，但单独使用它们Vue和Vuetify，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50207942/