使用 Vue.js 在 IE 中不显示值属性的隐藏输入字段

Question

我在 VUE 中有两个表单，每个表单都有一个隐藏字段，基于页面 url 将设置这些字段的值，然后将表单发送到正确的数据库。它在每个浏览器中都可以正常工作，但我在 IE11 中看到 value 属性没有在页面加载时显示，因此两个表单都将转到 IE11 中的同一个数据库表。对此有任何解决方案吗？我最初在字段上有一个 v-model，但后来切换到绑定值以进行单向绑定，但 value 属性仍未显示

  <!--hidden field -->
        <div class="input-field">
          <input type="hidden" id="enrollmentFormHidden" class="form-input" :value="formData.enrollmentForm">
        </div>
        <!--end: hidden field -->


   <!--hidden field -->
        <div class="input-field">
          <input type="hidden" id="enrollmentFormHidden" class="form-input" :value="formData.enrollmentFax">
        </div>
        <!--end: hidden field -->




 created: function () {
    //fill in hidden field values based on url
    if (window.location.href.indexOf('/enrollment-fax') > -1) {
      this.formData.enrollmentFax = 'enrollment-fax'   
    }

    if (window.location.href.indexOf('/enrollment-form') > -1) {
      this.formData.enrollmentForm = 'enrollment-form'
    }
  },