iview-admin 对话框确认 loading 及表单验证

最新推荐文章于 2023-07-28 16:24:05 发布

FE-Dong

最新推荐文章于 2023-07-28 16:24:05 发布

阅读量4.8k

点赞数

分类专栏： iview-admin vue 文章标签：对话框

本文链接：https://blog.csdn.net/Dong8508/article/details/81875620

版权

本文介绍了在iview-admin中处理对话框操作的场景，特别是当点击确认时需要进行表单验证和显示loading状态的情况。通过实例展示了如何实现这些功能，确保用户在提交表单前进行必要的确认步骤。

摘要由CSDN通过智能技术生成

1、iview的对话框，点击确认后就直接关闭了，当我们需要进行表单确认的时候，就需要特殊处理了

<template>			
	<Button type="primary" @click="modal = true">设置汇率</Button>
	<Modal
		v-model="modal"
		title="设置汇率"
		:loading="loading"
		@on-ok="ok"
		@on-cancel="cancel">
		<Form ref="setGold" :model="setForm" :rules="rules">
			<FormItem prop="rate">
				<Row>
					<Col span="6">
						<div style="margin-top:2px">请输入设置的汇率:</div>
					</Col>
					<Col span="8">
						<Input v-model="setForm.rate" placeholder="请输入设置的汇率"></Input>
					</Col>									 
				</Row>
			</formItem>	
		</Form>		
	</Modal>
</template>