Javascript Can'；t在Vue.js中将数据从模型传递到方法

我有一个带有年份的简单下拉列表的图表，每当用户修改它时，我都需要传递年份，因此图表将显示当年的数据

例如，当我尝试从此方法访问参数时，我得到的所有参数都是未定义的：

fetchBarChartData({ anio, sort }) {
      var self = this;
      console.log(anio);
      fetch("https://demo8358110.mockable.io/year/" + this.anio) // insert your api call here
        .then(function(response) {
          var r = response.json();
          return r;
        })
        .then(function(data) {
          self.values = data.values;
          self.valuesline = data.valuesline;
          self.loaded = true;
        });

---

编辑：我添加了一个示例

您需要将更改的年份传递到fetchBarChartData函数：

 <select name="year" v-model="year" @change="fetchBarChartData(year)">

您的示例有点不清楚，但请删除函数调用中的花括号，这些花括号将其转换为具有数据成员anio的匿名对象，它应该可以工作。我用沙盒编辑了我的答案。