Javascript 获取隐藏输入Vue.Js的自动完成输入值

我使用Vue自动完成

它的工作原理与我预期的一样，只是我无法将“input”值中的值发布到表单中

提交表单时，输入中的值不会发布到后端服务器

因此，我必须在提交时创建一个隐藏值，以便读取该输入值

如何做到这一点。我只希望表单和值作为iCICK放大镜图标提交

//
{{selectedEvent}}

如果我理解正确，是否要将建议的值发布到表单数据对象内的服务器？如果这是正确的，您可以如下更改

单击按钮的方法

clickButton: function() {
      this.selectedEvent = 'click button';
      var formData = new FormData();
      formData.append("selectedMovie", this.value);
      axios({
        method: 'post',
        url: '/yourapi/endpoint/',
        data: {
          formData:formData
        }
      }).then(function(response) {
        console.log(response.data);
        console.log(response.status);
        console.log(response.statusText);
      });
    }

您可以将以下内容添加到表单元素
v-on:submit.prevent=“send”
的html中。然后在组件的方法中添加一个
send
函数，在该函数中，您可以访问
this.value
，并对其执行所需操作。
我想发布，但不想发布到和url的终点。我想通过form action发送数据。您可以查看下面的链接来了解我的想法。在下面的参考链接中使用了jQueryUIAutoComplete，但概念是相同的。事实上，你给了我一个主意。我有一种情况，我试图向我的API请求添加一个元素，而对于我正在使用的当前组件集，很难创建一个隐藏的表单项来控制值。因此，正如答案所示，我正在制作一个hiddenformItems道具，它采用一个数组，我可以将它推入array axios方法。