୧((〃•̀ꇴ•〃))૭⁺✧ 2022-01-10 13:12 采纳率: 71.1%
浏览 527
已结题

antd v-decorator双向绑定问题

我有一个需求是通过数量和单价计算出总价
data里配置了一个对象数组

 orderMainModel: {
          goods: [{
            name:'',
            num:0,
            price:0.0
          }],
        }

下面是我的表单

      <a-tabs defaultActiveKey="1">
        <a-tab-pane tab="产品信息" key="1">
          <div>
          <a-row type="flex" style="margin-bottom:10px" :gutter="16" v-for="(item, index) in orderMainModel.goods" :key="index">
              <a-col :span="5">
                <a-form-item>
                  <a-input placeholder="产品名称"  v-decorator="['goods['+index+'].name',{rules:[{required:true,message:'请输入产品名称'}]}]"></a-input>
                </a-form-item>
              </a-col>
<a-col :span="5">
                <a-form-item>
                  <a-input placeholder="产品数量"  v-decorator="['goods['+index+'].num',{rules:[{required:true,message:'请输入产品数量'}]}]"></a-input>
                </a-form-item>
              </a-col>

               <a-form-item>       
                  <a-input placeholder="单价"
                           v-decorator="['goods['+index+'].price', {rules: [{ required: true, message: '请输入产品单价' }]}]"/>
              </a-form-item>          
              
            </a-row>  
          </div>     
        </a-tab-pane>
      </a-tabs>

我想知道应该如果在数量和单价的输入框内输入值就可以直接计算出总价,现在卡在如何获取我输入到input的实时数据

  • 写回答

2条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-01-10 13:59
    关注

    @input事件 @change事件
    这里有v-model绑定值
    你可以拆分为 :value、@input

    img

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

报告相同问题?

问题事件

  • 系统已结题 1月28日
  • 已采纳回答 1月20日
  • 创建了问题 1月10日

悬赏问题

  • ¥20 基于spring boot、的scorm
  • ¥15 往复密封问题的两个问题
  • ¥15 DAC函数和STM32
  • ¥15 任务是接收数据并把数据写入DAC7311,这些代码能实现此功能吗
  • ¥15 分析FP -Growth代码运行内存太大而无法运行的原因
  • ¥20 qtcreat 使用msvc编译器开发软件运行时字体锯齿感严重
  • ¥15 为何显示keyerror fruit
  • ¥15 imageware粗糙度表面
  • ¥15 为什么我的uibot导入py模块出错呀。py文件放在了uibot里对应的python文件夹了,卸了重安也不行
  • ¥15 开源或低价数据中台哪个最好