小程序如何只让这个弹出一个提示？

Question

提交数据时如果哪个为空就弹出相应的提示 只想让它弹一个 如果有多个字段为空就只弹最上面那个 这个应该怎么办呢？

this.data.list.forEach((res) => {
  if(res.content==''){
    wx.showToast({
      title: res.info,
      icon: 'none',
      duration: 2000
    })
  }
})

list:[
      {
        item: '姓名',
        content: '',
        info: '姓名不能为空,长度不超过10个字'
      },
      {
        item: '身份证',
        content: '',
        info: '身份证不能为空'
      },
      {
        item: '联系方式',
        content: '',
        info: '联系方式不能为空'
      },
      {
        item: '原账号',
        content: '',
        info: '原账号不能为空'
      },
      {
        item: '新账号',
        content: '',
        info: '新账号不能为空'
      }
    ]

Answer 1

if(res.content==''){
    wx.showToast({
      title: res.info,
      icon: 'none',
      duration: 2000
    })
    //todo 直接跳出循环
  }

Answer 2

个人建议，你可以尝试的去集成下第三方 UI库，例如 vant,iview 他都有对应的小程序版本

Answer 3

对于这个问题，想到的无非是return跳出循环，但是代码中你用到的是forEach,由于forEach()无法在所有元素都传递给调用的函数之前终止遍历，因此无法使用return和break来终止，建议换成for,some,every等其他循环方式来通过return实现

Answer 4

if (e.detail.value.user_name == '') {

  wx.showToast({
    title: '输入的姓名不能为空',
    icon: 'none',
    duration: 1500
  })
  return;
}

对于这个问题，想到的无非是return跳出循环

一个一个写判断就可以

Answer 5

你需要的是能够跳出循环，forEach是无法跳出整个循环的，你可以替换为for，every，some

forEach

return [true/false]：跳过本次循环

every

return true： 跳过本次循环
return false：跳出整个循环

some

return true: 跳出整个循环
return false：跳过本次循环

for

continue: 挑过本次循环
break: 跳出整个循环

另外看你的场景是要做校验，可以使用专门的异步校验库，会更加优雅：https://github.com/yiminghe/a...（这个我用的比较多）