Error in v-on handler: “TypeError: this.$refs.formatData.validate is not a function“

报错信息:

报错原因:

我把form的表单校验写到了一个tab切换里面了,这个时候在获取表单的方法会得到一个数组而不是对象,直接写成以下代码会报错

 this.$refs['formatData'].validate(valid =>{
  console.log(this.$refs['formatData'])
​​​​​​​}

打印出来的值:

因为我的tab有五个,所以打印出来有五个值

 解决方法:

handleClick(tab, event){
  this.index = tab.index;
}

 submitFileForm() {
     this.$refs['formatData'][this.index].validate((valid) => {
      
      });
    },

注:如果console.log(this.$refs['formatData'])打印出来的是一个数组,如

则写成this.$refs['formatData'][this.index].validate((valid),

如果console.log(this.$refs['formatData'])打印出来的是一个对象,如

 则写成this.$refs['formatData'].validate((valid)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿wei程序媛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值