vue-element-admin - dialog弹窗form表单规则验证,第二次打开显示未填写


原因:因为dialog不是销毁组件,是隐藏组件
解决:加上v-if

<el-dialog title="添加" :visible.sync="dialogVisible" class="dialog-content" width="600px"  v-if="dialogVisible">
            <div class="dialog-content">
                <el-form :model="form" :rules="rules" label-width="120px" label-position="left" ref="form">
                    <el-form-item label="起止时间" prop="time" v-if="dialogVisible">
                        <el-date-picker @blur="changeTime" v-model="form.time" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd" style="width: 100%"></el-date-picker>
                    </el-form-item>
                    <el-form-item label="标题" prop="yh_title">
                        <el-input v-model="form.yh_title"></el-input>
                    </el-form-item>
                    <el-form-item label="副标题">
                        <el-input v-model="form.yh_ftitle"></el-input>
                    </el-form-item>
                    <el-row style="text-align: right">
                        <el-button type="default" @click="dialogVisible = false">取消</el-button>
                        <el-button type="primary" v-else @click="handleConfirm">确认</el-button>
                    </el-row>
                </el-form>
            </div>
        </el-dialog>


免责声明!

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



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