无法将数据从模型传递到 Vue.js 中的方法

Question

我有一个带有年份的简单下拉列表的图表，我需要在用户修改年份时传递年份，以便图表显示当年的数据。

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

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;

        });

https://demo8358110.mockable.io/year/undefined

编辑：我添加了一个示例https://codesandbox.io/s/vue-template-x4z7b

Answer 1

您需要将更改的年份传递给您的 fetchBarChartData 函数：&nbsp;<select&nbsp;name="year"&nbsp;v-model="year"&nbsp;@change="fetchBarChartData(year)">