m0_60877809 2021-11-11 19:52 采纳率: 72.7%
浏览 514
已结题

关于vue中el-input框 去绑定请求回来的值但是只显示值 修改不了值的问题

img


如图 请求回来的接口绑定这个input里面的值 绑定上了但是修改不了这个值


这是接口赋值的代码
  initAutionInfoById() {
      if (this.$route.query.id != null) {
        autionInfoById({
          id: this.$route.query.id,
        }).then((res) => {
          this.ruleForm = res.data;
          let percentageArr = res.data.arbAdditionInfo.payPercent.split("|");
          console.log(res.data.arbAdditionInfo.payPercent.split("|"));

          this.ruleForm.arbAdditionInfo.yhzzPercentage = percentageArr[0];

          this.ruleForm.arbAdditionInfo.cdhpPercentage = percentageArr[1];
      
          

       
        });
      }
    },

这是结构代码

   <el-col :span="11">
            {{ this.ruleForm.arbAdditionInfo.cdhpPercentage }}
            {{ ruleForm.arbAdditionInfo.yhzzPercentage }}
            <el-form-item
              class="form-item form-item-width"
              v-if="
                ruleForm.payMode[0] == 'CDHP' || ruleForm.payMode[1] == 'CDHP'
              "
              label="承兑汇票比例(%):"
              prop="arbAdditionInfo.cdhpPercentage"
            >
              <el-input
                class="input-width"
                v-model="ruleForm.arbAdditionInfo.cdhpPercentage"
                placeholder="比例之和为100%"
                size="mini"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30">
          <el-col :span="11">
            <el-form-item
              class="form-item"
              v-if="
                ruleForm.payMode[0] == 'CDHP' || ruleForm.payMode[1] == 'CDHP'
              "
              label="承兑汇票期限:"
              prop="bankBillTerm"
            >
              <el-select
                v-model="ruleForm.bankBillTerm"
                placeholder="请选择"
                size="small"
              >
                <el-option
                  v-for="item in paymentmethod.time"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>




只能赋值但是修改不了input框的值不知道哪里出了问题 我试了一下就是赋值之后就修改不了了 this.ruleForm.arbAdditionInfo.yhzzPercentage = percentageArr[0];

      this.ruleForm.arbAdditionInfo.cdhpPercentage = percentageArr[1];  这两行代码注释了就可以修改  但是我需要去绑定这个值呀     元数据是‘99|1’ 我把他分成了数组然后根据数组的下标来赋值到两个绑定的input框中 
  • 写回答

3条回答 默认 最新

  • 你好!机器人 2021-11-12 09:09
    关注

    this.$set( this.ruleForm.arbAdditionInfo,'cdhpPercentage',percentageArr[1])

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 11月20日
  • 已采纳回答 11月12日
  • 创建了问题 11月11日

悬赏问题

  • ¥15 想问一些关于计量的问题
  • ¥15 关于c++外部库文件宏的问题,求解
  • ¥15 office打开卡退(新电脑重装office系统后)
  • ¥300 FLUENT 火箭发动机燃烧EDC仿真
  • ¥15 【Hadoop 问题】Hadoop编译所遇问题hadoop-common: make failed with error code 2
  • ¥15 vb6.0+webbrowser无法加载某个网页求解
  • ¥15 RPA财务机器人采购付款流程
  • ¥15 计算机图形多边形及三次样条曲线绘制
  • ¥15 根据protues画的图用keil写程序
  • ¥200 如何使用postGis实现最短领规划?