我现在要实现这样一个效果,一个下拉框,一个input框,这两个框都需要校验,并且下拉框的数据是从后台获取的,是这样的数据[{},{},{}],
先把结构写出来,
<form ref="form :model="form" :rules="rules">
<el-form-item>
<el-select placeholder="请选择物流公司" v-model="form.value">
<el-option v-for="(item,index) in sendgoodsdata" :key="index" :value="item.value" ></el-option>
</el-select>
<el-form-item>
<el-form-item label="物流单号" prop="expressNo">
<el-input v-model="form.expressNo" ></el-input>
<form>
下面的是写在data的数据,(vue框架)
form: {
value: '',
expressNo: ''
},
sendgoodsdata: [],
rules: {
value: [
{ required: true, message: '请输入物流公司', trigger: 'blur' }
],
expressNo: [
{ required: true, message: '请输入物流单号', trigger: 'blur' },
]
},