关于vue前端组件传值的问题

Question

通过父组件传了一个值到子组件上 在子组件上页面直接用这个值 是正常显示的 但是子组件发接口那获取这个数据获取不到是怎么回事

这是页面是上
  <el-row>
          <el-col :span="6">
            <div class="sidebar_left">可融资金额（元）:</div>
          </el-col>
          <el-col :span="18">
            <div class="sidebar_right">
              {{ FinancingData }}
            </div>
            <!-- <div class="sidebar_right">{{ this.acb }}</div> -->
          </el-col>
        </el-row>


这是props传的值

FinancingData: {
      type: String,
      default: () => {
        return {};
      },
    },


这是请求
ApplyAdd() {
      // const _this = this;
      console.log(this.abc);
      let businessSum1 = parseFloat(FinancingData.replace(/,/g, ""));
      let businessSum = businessSum1.toString();
      console.log(this.PurposeFundsData);
      let finRate = this.interestRate + "";
      let FinRatio = this.finRatio;
      let parAmt = this.info[0].stdpmmoney.replaceAll(",", "");
ApplyAdd（{}）.then
}

现在就是在ApplyAdd这里 这个businessSum1 这里的想去计算这个(FinancingData 但是报错是找不到这个值 但是我页面上面又是正常显示的

Answer 1

this