iview表单验证问题
发布于 7 年前 作者 im-here 3623 次浏览 来自 问答

WX20180420-164952@2x.png 我有一个如上图的表单,只有选择 预约 的时候才验证这个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

回到顶部