南宫凝 2020-07-22 11:04 采纳率: 100%
浏览 1725
已采纳

vue v-for 生成的input不能编辑修改

      <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条回答 默认 最新

  • 浴火_凤凰 2020-07-22 11:11
    关注
    <el-input v-model="index" :value="item" class="rbipt"></el-input>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度