Javascript Vue提交输入隐藏
我想在用户输入旁边传递两个Id。我把那些Id放在一个隐藏的输入中。我已经了解到v型模型不适用于隐藏输入。这就是为什么我的隐藏输入看起来像这样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将值带入输入,并创建一个方法或计算属性,将值返
<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)
}
},