Vue.js VueJS-在一个方法中访问多个数据

我是Vue的新手，我正在尝试编写一个函数，当修改输入时，该函数会在给定数据上返回true或false。我有4个不同的数据，我可能需要改变真实性

我的逻辑是生成一个接受数据作为参数的函数，但是。。。它不起作用。也许这不是正确的方式去

以下是HTML：

<input type="text" v-model="bannerContent.button" @input="checkMaxChar(48,bannerContent.button.length,isButtonTooLong)" id="banner-button">

还有JS

var app = new Vue({
  el: '#app',
  data: {
    bannerContent: {
      title : 'Title',
      text: 'Text',
      copyright: 'Copyright',
      button: 'Button'
    },
    isButtonTooLong: false,
  },
  methods: {
    checkMaxChar: function(a,b,c) {
      var vm = this
      if( a < b ) {
        vm.c = true;
      };
      console.log(this.c);
    }
  }
})

---

我不知道为什么要这样做，也不知道在哪里定义了c

出于您的目的，在数据部分定义c，如下面的代码，并使用您的输入：

文件 var app=新的Vue{ el:应用程序， 数据：{ 横幅内容：{ 标题:标题,， 文本：文本， 版权所有：版权所有， 按钮：按钮， }, IsButtonToLong:false， c:错， }, 方法：{ 检查Maxchara，b，c{ 如果a感谢您的回答，我了解到将其定义到vmvar中是一个很好的实践。也许不是。关于c的定义，它被定义在我输入字段的@input中：@input=checkMaxChar48，bannerContent.button.length，IsButtonToLong