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