首页> 实战笔录 >前端开发 >Uni-app Uni-app

uni-app组件库uview怎么给表单文字显示*号

作者：小萝卜 2024-07-02 【 uView 】浏览 939

简介在需要校验的u-form-item上添加required属性即可

1.无校验，仅添加红色星*号

在需要校验的u-form-item上添加required属性即可，搭配u–form的:labelWidth控制长度，如下方图片

<u-form-item prop="userName" label="真实姓名" required>
	<u-input border="bottom" placeholder="真实姓名" v-model="form.userName" />
</u-form-item>

<u-form-item prop="age" label="年龄" required>
	<u-input type="number" border="bottom" placeholder="年龄" v-model="form.age" />
</u-form-item>