上传表单时经常判空,一个一个判断麻烦!这里提示个技巧:首先要有 表单的集合 ,和 提示内容 的集合,表单输入内容时通过vue的v-model更改 表单内容集合 ,通过循环param表单内容,对应的提示paramTips内容this.Tips为自己写的提示方法

<script>
export default {
  name: "feedShopping",
  data() {
    return {
      // 表单提交值
      param: {
        source:3,// 来源
        token:"", // token
        mation_title:"",// 标题
        cate5_id: "", // 名称id
        cate2_id: 21, // 买卖id
        province_id: "", // 省
        city_id: "", // 市
        area_id: "", // 区
        address: "", // 详细地址
        mation_tel: "", // 联系电话
        mation_content: "", // 详细内容
        code: "" // 验证码
      //判空提示内容
      paramTips: {
        token:"请先登录", // token
        mation_title:"请填写标题",// 标题
        cate5_id: "请选择名称", // 名称id
        cate2_id: "请选择类型", // 买卖id
        province_id: "请选择城市", // 省
        city_id: "请选择城市", // 市
        area_id: "请选择城市", // 区
        address: "请填写详细地址", // 详细地址
        mation_tel: "请填写联系电话", // 联系电话
        mation_content: "请填写详细内容", // 联系电话
        code: "请填写验证码" // 验证码
  methods:{
    ReleaseComplete(){
        // 判断值是否为空
        for(var key in this.param)
            if(this.param[key] === '')
                this.Tips(this.paramTips[key]);
                return;
       //通过循环param表单内容,对应的提示paramTips内容this.Tips为自己写的提示方法
    Tips(text){
      $.toast.prototype.defaults.duration=700//提示时间
      $.toast(text, "text");//显示提示内容(此处为UI自带方法,可自行设置)

更多技巧请查看vue专栏   https://blog.csdn.net/qq_42221334/column/info/27230/1

重点部分:点击表单的 submit按钮 触发form 部分 @submit=”submit”事件: submit事件 定义在js部分: prevent:文档上说了在事件后面加上 .prevent就可以阻止默认事件了。 form @submit.prevent=”submit” <form @submit.prevent=submit> <input type=text v-model=userName placeholder=请输入你的姓名 class=name-style maxlength=20/> <el-card class="box-card" v-for="(item,index) in form.fishTimeArr" :key="index"> <h3>{{item.name}}</h3> <el-form-item label="开始时间" :prop="`fishTimeArr[${index}].startTime`" :rules="{ required: true, message: '请... 后台一个录入页面中学生经常不按常理出牌,致使生成的json文件有字段为空,故添加一个判断 const arr = document.querySelectorAll('input') for (let i = 0; i < arr.length; i++) { if (arr[i].value == '') { this.isEmpty = true //当有值未空时改变判断的值 break if(!this.isEmpyt) { //都不为空时进行的操作 一个循环后的下拉框的数组plaLists <el-form-item v-for="(items,index) in plaLists" :key="index" :label="items.label"> = <el-select v-model="items.value" placeholder="请选择" @change="getModel(index,items.value)"> <el-option v-for="item in dncList" 不为空: array!= null && array.length > 0 (顺序不能调换)为空:array == undefined ||array == null || array.length Object.keys() 方法会返回一个,由一个给定对象的自身可枚举属性组成的数组。如果我们的对象为空,那么他会返回一个空数组。2、利用JSON 自带的 JSON.stringify() 方法来判断。(大概意思就是专为字符串‘{}’,来判断)1、根据 for...in 遍历对象,如果存在返回 true,否则返回 false。在实际开发中经常要判断判断一个对象是否为空,如果为空,则不能进行后续的操作。3、利用ES6中Object.keys()来判断(推荐该方法)可以采取以下方法来进行判断。 为空:array == undefined ||array == null || array.length <= 0 (顺序不能调换) 不为空: array !==undefined &&array != null || && array.length > 0 <ul v-if="commentList == undefined ||commentList == null || commentList.length <= 1.v-for遍历普通数组1.v-for遍历普通数组in前面如果是一个变量,那么该变量保存的是数组中的数据in前面如果是两个变量,那么第一个变量保存的是数组中的数据,第二个变量保存的是下标。