vue element动态遍历的input怎么校验，必填项？

Question

动态遍历的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>

Answer 1

没太理解你的需求。

但是你说每赋值，那么其实他是 undefined，所以你通过 === 就可以判断了呀。

然后你还可以初始给个空串呀。