上传表单时经常判空,一个一个判断麻烦!这里提示个技巧:首先要有
表单的集合
,和
提示内容
的集合,表单输入内容时通过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前面如果是两个变量,那么第一个变量保存的是数组中的数据,第二个变量保存的是下标。