iview表单验证问题
我有一个如上图的表单,只有选择 预约 的时候才验证这个input是否有值 关键代码
// .vue
<FormItem label="生效时间">
<RadioGroup v-model="form.radio">
<Radio label="right_now">马上</Radio>
<Radio label="appoint">预约</Radio>
<FormItem v-bind:prop="form.radio==='appoint'?'appoint':''">
<DatePicker type="datetime" confirm format="yyyy-MM-dd HH:mm" v-model="form.time"></DatePicker>
</FormItem>
</RadioGroup>
</FormItem>
// js
ruleValidate:{
appoint: [
{
required: true,
message: "请选择预约时间",
trigger: "blur"
}
],
}
我的想法是当选择 预约 按钮的时候就给 后面的FormItem绑上prop属性,用来验证 但是我发现绑定是生效了,但是并不验证。 除非页面一开始就选中预约。
不知道是不是用法不对,最近刚开始学vue 大佬有空了帮忙看看 @icarusion
还有一个关于iview的问题 当我把DatePicker放在Radio标签里的时候任意点击DatePicker就关闭了,时间不能选,不知道算不算bug