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

关于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日

悬赏问题

  • ¥50 R语言读取nc按月均值转为tif
  • ¥15 用这个函数清除字符串空格为什么会出现问题?
  • ¥30 智能车串级pid调参
  • ¥15 visual studio code翻译老是错误
  • ¥20 卫星测高数据的高程转换
  • ¥20 PHP+javascript文本框之间字符串逻辑判断
  • ¥15 爬取招聘网站数据信息
  • ¥15 安装完tensorflow,import tensorflow as tf后报错,如何解决?
  • ¥15 ultralytics库导出onnx模型,模型失去预测能力
  • ¥15 linux下点对点协议连接2个USB串口的硬件流量控制问题