uview-ui 版本1.0 form表单应用（记录）

最新推荐文章于 2024-06-28 03:08:03 发布

dream698

最新推荐文章于 2024-06-28 03:08:03 发布

阅读量1.1k

点赞数

分类专栏： uviewUI 文章标签： ui javascript vue

本文链接：https://blog.csdn.net/dream698/article/details/122621928

版权

这篇博客介绍了在UView-UI 1.0中如何应用form表单，强调了绑定form、ref及组件v-model属性的重要性，并详细讨论了表单提交验证的生命周期事件。

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

<template>
	<view class="container">
		<!-- 发布信息提示 -->
		<view class="u-flex u-flex-xy-center u-p-10">
			<u-icon name="error-circle-fill" color="#ff443f" size="70"></u-icon>
			<text class="u-font-12">
				文明发言，遵纪守法，自觉维护网络环境。
				不当言论，追究个人责任!
			</text>
		</view>
		<!-- 发布信息表达 -->
		<u-form :model="form" ref="uForm">
			<u-form-item label="标题" prop="title">
				<u-input v-model="form.title" value="" />
			</u-form-item>
			<u-form-item label="位置">
				<u-input v-model="form.location" placeholder="点击选择位置" disabled="disabled" @click="selectLocation" />
			</u-form-item>
			<u-form-item label="地址">
				<