Select2分页在Vue组件中不起作用

Question

我正在使用Vue js组件中的select2 js插件进行一些实验，我的mount（）函数看起来像这样

let self = this;
let url = self.context.recipes_autocomplete_url;
$(this.$refs.recipe_selection).select2({
  minimumInputLength: 2,
  ajax: {
    dataType: 'json',
    delay: 250,
    cache: true,
    url: function (params) {
      return url;
    },
    data: function (params) {
      let query = {
        term: params.term
      }
      return query;
    },
    processResults: function (data, params) {
      let more = (data.next != null)
      if (more)
        url = data.next;
      else
        url = self.context.recipes_autocomplete_url;

      return {
        results: data.results,
        pagination: {
          more: true
        }
      };
    }
  }
}).on("change.select2", function (e) {
  let data = $(self.$refs.recipe_selection).select2('data')

  if (data.length == 0)
    return

  // more staff here

});

我的问题是分页，即使我硬编码分页：{more：true} ，也永远不会发生对下一页的调用，我知道这不是常见用法，但是我正在工作在旧代码上，有什么主意吗？

我正在使用select2.js的最新版本