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

Posted dandan9999

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

以上是关于vue+Element-ui 如果开关true输入框必填,否则可选的主要内容,如果未能解决你的问题,请参考以下文章

vue+element-ui 实现重置表单内容

关于vue项目Element-UI 表单input输入框判定输入是不是为数字

vue element-ui 实现表格可编辑,删除,和添加

vue element-ui input只能输入正整数(不带小数点)

vue element-ui input只能输入正整数(不带小数点)

vue element-ui input只能输入正整数(不带小数点)