实现自动完成不更新 Vue 应用程序的 v-model答案

【问题标题】：Materialize autocomplete not updating v-model of Vue app实现自动完成不更新 Vue 应用程序的 v-model
【发布时间】：2020-09-10 19:48:34
【问题描述】：

所以我正在使用 Django、Vue 和 Materialize。只是使用 Vue 来获得一些更流畅的功能。

我有一个带有 v-model 的文本输入。我也在上面使用 Materialize 的自动完成组件。

当我从自动完成中选择一个选项时，它不会更新我附加到“v-model”的 vue 中的数据。 v-model 只保留我目前输入的数据。

我该如何解决/解决这个问题？如何在物化的自动完成上更新 vue 数据？

https://materializecss.com/autocomplete.html

【问题讨论】：

标签： javascript django vue.js autocomplete materialize

【解决方案1】：

也许是这个？

  mounted: function() {
    M.AutoInit();

    var options = {
      data: {
        "Emma Stone": null,
        "Batman": null,
        "Luke Skywalker": null,
      },

      onAutocomplete: function(res) {
        this.v-model_variable_name = res
      },
    };

    var elems = document.querySelectorAll(".autocomplete");
    var instances = M.Autocomplete.init(elems, options);

    console.log(instances);
  },

Or this answer in stackoverflow?

从那以后你有什么发现吗？

【讨论】：