Vben-Admin 框架，TypeScript、vue3的BasicFrom数据自动计算回写

前端菜鸡一枚，这两天遇到了vben这个框架，写的头皮发麻，特别是输入框计算回写这个问题，做个记录：

{
  label: '数量',
  field: 'doclinequantity',
  component: 'InputNumber',
},
{
  label: '金额',
  field: 'doclinemoney',
  component: 'InputNumber',
},
{
  label: '单价',
  field: 'doclineprice',
  component: 'InputNumber',
  //首先写一个componentProps方法，函数计算需要在componentProps内
  componentProps: ({formModel}) => {
    return {
      //定义一个点击事件的函数
      onClick: () => {
        //formModel用于调用对应的field所输入的值
        //直接获取到值简单计算
        //调用自身field并赋值
        formModel.doclineprice = formModel.doclinemoney / formModel.doclinequantity
        /**
         * 在输入总金额和数量后，点击单价的输入框会自动回写计算后的值
         */
      }
    }
  },
},

 写出来发现还是自己基础语法不会，也算是踩坑了！！！！