自动计算比例计算属性 computed @input=“rate“

news2024/11/27 1:17:37

   <el-col :span="12">
          <el-form-item label="当年累计实收租金:" prop="cumulativeRent">
            <el-input
              v-model="createForm.cumulativeRent"
              @input="rate"
              clearable
              :disabled="value === 2"
            >
              <template slot="append">万元</template>
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="当年合同约定的累计租金:" prop="contractRent">
            <el-input
              v-model="createForm.contractRent"
              @input="rate"
              clearable
              :disabled="value === 2"
            >
              <template slot="append">万元</template>
            </el-input>
          </el-form-item>
        </el-col>

        <el-col :span="24">
          <el-form-item label="租金回笼率:">
            <el-input
              v-model="createForm.returnRate"
              placeholder="自动计算,当年累计实收/当年合同约定的累计租金,2位小数"
              clearable
              disabled
            >
              <template slot="append">%</template>
            </el-input>
          </el-form-item>
        </el-col>

  computed: {
    rate() {
      if (this.createForm.cumulativeRent && this.createForm.contractRent) {
        this.createForm.returnRate =
          parseFloat(
            this.createForm.cumulativeRent / this.createForm.contractRent
          ).toFixed(4) * 100;
      }
    }
  },

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/976771.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！