微信小程序vantweapp-Dialog弹出框提交表单，并还原确定按钮样式

vantweapp中Dialog弹出框使用组件调用，怎么将form表单的提交按钮与Dialog弹出框相结合呢

解决方案：

wxml代码

<van-dialog
  use-slot
  title="商品详情"
  show="{{true}}"
  confirmButtonText="修改"
  show-confirm-button="{{false}}"
  show-cancel-button
  bind:cancel="dialogOnClose"
>
  <form bindsubmit="updategoodlist">
    <input name="barcode" placeholder="请输入条形码" value="6913825649859"></input>
    <input name="name" placeholder="请输入商品名称" value="测试商品"></input>
    <button formType="submit" class="submitbtn">提交</button>
  </form>	
</van-dialog>

wxss代码

/*提交按钮样式*/
.submitbtn{
  color:#1989fa;
  position: relative;
  top:2rpx;
  border: none;
  float: right;
  background-color: #fff;
  width: 50%;
  height: 100%;
}
/*清除按钮边框*/
.submitbtn::after {
  border: none
}

JavaScript代码

//确定提交弹窗按钮
  updategoodlist(res){
    wx.showLoading({
      title: '正在提交',
      mask:true
    })
    //解构赋值
    var {barcode,name} = res.detail.value;
    //云函数
    wx.cloud.callFunction({
      name:"goodsUpdateData",
      data:{
        barcode:barcode,
        name:name
      }
    }).then(res => {
      console.log(res)
      this.setData({
        show:false
      })
      wx.hideLoading()
    })
  },
  //取消修改弹窗按钮
  dialogOnClose(){
    console.log("关闭弹窗")
  },

app.json代码

"usingComponents": {
  "van-dialog": "@vant/weapp/dialog/index"
}

测试效果