<el-input v-model="index" :value="item" class="rbipt"></el-input>
vue v-for 生成的input不能编辑修改
5 <el-form ref="form" :inline="true" :model="form" label-width="120px">
<el-form-item v-for="(item,index) in form" :key="index" :label="index">
<el-input :v-model="index" :value="form[index]" class="rbipt"></el-input>
</el-form>
<script>
export default {
data() {
return {
form: {}
}
},
created() {
this.taskid = this.$route.query.taskid;
this.$fetch(“....”, {}).then((res) => {
if (res.code == 1) {
for(let key in res.data){
this.$set(this.form, key, res.data[key])
}
}
})
},
}
</script>
感谢楼下指导,我改成了这样
<el-form-item v-for="(item,index) in formindex" :key="item" :label="item">
<el-input :v-model="item" :value="formvalue[index]" class="rbipt"></el-input>
</el-form-item>
data() {
return {
taskid: '',
form: {},
formindex:[],
formvalue:[],
}
},
.......
for(let key in res.data){
// this.$set(this.form, key, res.data[key])
this.formindex.push(key)
this.formvalue.push(res.data[key])
}
依然不好使,求原谅,太菜了
- 点赞
- 写回答
- 关注问题
- 收藏
- 复制链接分享
- 邀请回答
2条回答
为你推荐
- vue v-for 生成的input不能编辑修改
- vue.js
- 2个回答
- 多个form表单数据一修改全变了,求解
- vue.js
- 3个回答