当前位置: 首页 > news >正文

世界购物网站排名营销 推广

世界购物网站排名,营销 推广,北京软件测试工资一般多少,大型商城网站建站uView表单校验带星号可以通过设置required属性来实现。在uView中&#xff0c;可以使用组件来实现表单校验&#xff0c;具体步骤如下&#xff1a; 1、在需要校验的表单元素上添加required属性&#xff0c;例如&#xff1a; <u-form :model"detailInfo" ref"d…

uView表单校验带星号可以通过设置required属性来实现。在uView中,可以使用组件来实现表单校验,具体步骤如下:
1、在需要校验的表单元素上添加required属性,例如:

<u-form :model="detailInfo" ref="detailInfo" :labelWidth="133" :rules="rules"><u-form-item label="出车里程(公里)" prop="drivingMileage" required><u-input v-model="detailInfo.drivingMileage" placeholder="请填写数值" border="none"/></u-form-item><u-form-item label="回车里程(公里)" prop="returnMileage" required><u-input v-model="detailInfo.returnMileage" placeholder="请填写数值" border="none"/></u-form-item>
</u-form>

2、接着,在需要校验表单的时候,确保你调用了 validate 方法,例如:

this.$refs.detailInfo.validate().then(validate => {					console.log('校验通过');
}).catch(errors => {console.log("校验失败");
})

3、在上面的代码中,我们为每个表单项设置了 prop 属性,并且属性值与校验规则(rules)中的属性名一一对应。这样,在调用 validate方法时,就能正确地触发表单校验了。

data() {return {rules:{drivingMileage:[{type: 'number',required: true,message: '请填写出车公里数',trigger: ['blur', 'change']}],returnMileage:[{type: 'number',required: true,message: '请填写回车公里数',trigger: ['blur', 'change']}]}}},

如果未触发:
首先,你需要确保你的表单组件 u-form 中添加了 ref 属性,例如:

<u-form ref="detailInfo"></u-form>
http://www.dinnco.com/news/30814.html

相关文章:

  • 湖南做网站360o2023免费b站推广大全
  • 网站开发公司基础产品百度权重划分等级
  • 英语培训学校网站建设多少钱西安疫情最新数据
  • 网站如何管理网站免费推广软件
  • 管理系统登录优化网站视频
  • 娄底网站设计搜盘网
  • 衡水安徽学校网站建设磁力宅在线搜种子
  • 网站建设就业方向北京疫情太严重了
  • 建站工作室 网站建设工作室官网排名优化方案
  • 网站建设公司怎么盈利搜索引擎推广有哪些平台
  • wordpress七牛云插件广州seo招聘网
  • 在线做网站淘宝怎么做引流和推广
  • 织梦农家乐网站模板石家庄seo排名外包
  • 网站后台根据前端做吗seo上排名
  • 网站前台乱码客户引流的最快方法是什么
  • 网站空间 云端seo报价单
  • 企业查询显示利好什么意思seo快速排名关键词
  • 西安米德建站企业网站是什么
  • 沈阳 网站建设百度推广开户流程
  • 东莞常平社保局电话黑帽seo是作弊手法
  • 网站建设实习困难网站建设及网站推广
  • 动漫设计学院搜索引擎优化工具有哪些
  • 东莞专业做网站公司小红书关键词热度查询
  • 水果销售网站开发文献综述刷排名seo
  • 南京网站开发注册app宁波seo智能优化
  • 网站怎么做图片动态图片不显示了网站seo具体怎么做?
  • 做期货关注什么网站抖音seo怎么做的
  • 做图解的网站十大搜索引擎神器
  • 网站活泼搜索指数的数据来源是什么
  • 建设商务网站的费用郑州网络推广软件