Javascript Vue提交输入隐藏

Javascript Vue提交输入隐藏,javascript,html,vue.js,Javascript,Html,Vue.js,我想在用户输入旁边传递两个Id。我把那些Id放在一个隐藏的输入中。我已经了解到v型模型不适用于隐藏输入。这就是为什么我的隐藏输入看起来像这样 <input type="hidden" ref="property_id" :name="form.property_id" :value="property_id">< 如果我做对了,您可以使用v-bind将值带入输入,并创建一个方法或计算属性,将值返

我想在用户输入旁边传递两个Id。我把那些Id放在一个隐藏的输入中。我已经了解到v型模型不适用于隐藏输入。这就是为什么我的隐藏输入看起来像这样

<input type="hidden" ref="property_id" :name="form.property_id"  :value="property_id"><

如果我做对了,您可以使用
v-bind
将值带入输入,并创建一个方法或计算属性,将值返回到
this.form.property\u id
this.form.house\u type
,例如,当输入
@blur
@change


即使没有所需的
v-model
交互,这也会将数据更新回来。

使用
:value
是正确的方法<代码>:第一个输入中的value=“property\u id”未声明。也许它应该是
:value=“form.property\u id”
:value=“property.id”
?它应该是
property.id
,我从
v-for=“(property,propIndex)in properties”
获得的。我希望能够提交那些隐藏的输入。使用v-model,如果它是
Rent
,那么我可以使用
data(){return{Rent:[]}
访问它,然后使用
wait axios.post('/api/lown/set/up/store/part/3',this.Rent)
提交它。如何处理没有v-model的隐藏输入?
<template>
    <div>
    <form @submit.prevent="submit()">
       <div v-for="(property, propIndex) in properties" :key="propIndex">
           {{ property.name }}
          <div v-for="(house_type, typeIndex) in property.house_type.data" :key="typeIndex">
              {{ house_type.type }}<br>
              <input type="text" v-model="rent[propIndex][typeIndex]">Rent<br>
              <input type="text" v-model="house_quantity[propIndex][typeIndex]">How many<br>
              <input type="hidden" ref="property_id" :name="form.property_id"  :value="property_id"><br>
              <input type="hidden" ref="house_type_id" :name="form.house_type"  :value="house_type.type"><br>
          </div>
          <br>
       </div>
          <button>Submit</button>
    </form>
    </div>
</template>

<script>
import { mapGetters, mapActions } from 'vuex'

export default {
data() {
    return {
            rent:[{}, {}, {}, {}, {}, {}],
            house_quantity:[{}, {}, {},{}, {}, {},{}, {}, {}],
            form:{
                property_id: [],
                house_type: [],
            }
           

    }
},
}
</script>
methods: {
        async submit(){
            this.form.rent = this.rent
            this.form.house_quantity = this.house_quantity
            await axios.post('/api/landlord/set/up/store/part/3', this.form)
        }
  },