vue+Element-ui 如果开关true输入框必填,否则可选


在输入框绑定   :required="form.delivery"
 <el-form ref="form" :rules="rules" :model="form" label-width="80px">
<el-form-item label="即时配送" class="swi" prop="delivery">
<el-switch v-model="form.delivery"></el-switch>
</el-form-item>
<el-form-item label="即时配送" class="swi" prop="info" :required="form.delivery">
<el-input v-model="form.info"></el-input>
</el-form-item>
<el-button type="primary" @click="onSubmit">立即创建</el-button>
</el-form>

<script>
export default {
name: "Index",
data: () => ({
form:{
delivery:false,
info:"",
},
rules: {
info: [{message: '必须填写用户名', trigger: 'blur'}],
},
}),
}
</script>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM