动态遍历的input怎么校验,必填项?我不填值的时候,outter对象是空的,没法判断啊
<template v-for="(item1,index1) in paramsList.outter">
<div class="parameter-item" v-if="item1.display == 1">
<div class="title">{{item1.name}}</div>
<el-input v-model="outter[item1.bindVal]" placeholder="请输入"></el-input>
</div>
<div class="parameter-item" v-if="item1.display == 2">
<div class="title">{{item1.name}}</div>
<el-select v-model="outter[item1.bindVal]" placeholder="请选择" :multiple-limit="1">
<el-option v-for="item2 in item1.options" :key="item2.optionVal" :label="item2.optionName" :value="item2.optionVal">
</el-option>
</el-select>
</div>
<div class="parameter-item" v-if="item1.display == 3">
<div class="title">{{item1.name}}</div>
<div class="range">
<div class="item">
<el-input v-model="outter[item1.bindValMin]" placeholder="请输入"></el-input>cm
</div>
<div class="item">
<el-input v-model="outter[item1.bindValMax]" placeholder="请输入"></el-input>ml
</div>
</div>
</div>
</template>
###没太理解你的需求。
但是你说每赋值,那么其实他是 undefined
,所以你通过 ===
就可以判断了呀。
然后你还可以初始给个空串呀。