解决uniapp使用up-form组件,uView提示:未设置rules,请看文档说明!如果已经设置,请刷新页面。

devtools/2024/10/18 19:28:28/

up-form组件 :model=“formData” :rules=“rules”
rules中的属性在formData要赋初始值,比如下面的例子

表单样式

          <up-form labelPosition="top" labelWidth="auto" :labelStyle="{ color: '#333333' }" :model="formData":rules="rules" ref="formRef"><view class="form-item"><up-form-item borderBottom prop="userName" label="收货人"><up-input v-model="formData.userName" border="none" placeholder="请输入姓名" /></up-form-item></view><view class="form-item"><up-form-item borderBottom prop="phone" label="手机号吗"><up-input v-model="formData.phone" border="none" placeholder="请输入手机号吗" /></up-form-item></view><view class="form-item"><up-form-item borderBottom prop="address" label="收货地址"><up-input v-model="formData.address" border="none" placeholder="请输入详情地址" /></up-form-item></view></up-form>

✔正确代码

const state = reactive({formData: {userName: '',phone: '',address: '',} as UserAddressUpdateReq,rules: {'userName': {type: 'string',required: true,message: '请输入姓名',trigger: ['blur', 'change']},'phone': [{type: 'string',required: true,message: '请输入手机号吗',trigger: ['blur', 'change']},{validator: (rule: any, value: any, callback: any) => {return uni.$u.test.mobile(value);},message: '手机号码不正确',trigger: ['change', 'blur'],}],'address': {type: 'string',required: true,message: '请输入详情地址',trigger: ['blur', 'change']}}
})
const { formData, rules } = toRefs(state)

❌错误代码


const state = reactive({formData: {} as UserAddressUpdateReq,rules: {'userName': {type: 'string',required: true,message: '请输入姓名',trigger: ['blur', 'change']},'phone': [{type: 'string',required: true,message: '请输入手机号吗',trigger: ['blur', 'change']},{validator: (rule: any, value: any, callback: any) => {return uni.$u.test.mobile(value);},message: '手机号码不正确',trigger: ['change', 'blur'],}],'address': {type: 'string',required: true,message: '请输入详情地址',trigger: ['blur', 'change']}}
})
const { formData, rules } = toRefs(state)

http://www.ppmy.cn/devtools/118357.html

相关文章

Mysql高级篇(中)——锁机制

锁机制 一、概述二、分类1、读锁2、写锁⭐、FOR SHARE / FOR UPDATE&#xff08;1&#xff09;NOWAIT&#xff08;2&#xff09;SKIP LOCKED&#xff08;3&#xff09;NOWAIT 和 SKIP LOCKED 的比较 ⭐、 脏写3、表级锁之 S锁 / X锁&#xff08;1&#xff09;总结&#xff08;2…

基于飞腾平台的OpenCV的编译与安装

【写在前面】 飞腾开发者平台是基于飞腾自身强大的技术基础和开放能力&#xff0c;聚合行业内优秀资源而打造的。该平台覆盖了操作系统、算法、数据库、安全、平台工具、虚拟化、存储、网络、固件等多个前沿技术领域&#xff0c;包含了应用使能套件、软件仓库、软件支持、软件适…

光伏发电生活废水处理设备产地货源

诸城市鑫淼环保小编带大家了解一下光伏发电生活废水处理设备产地货源 由A级生化厌氧池、二级O级生化好氧池、污泥浓缩池、清水排放池和人孔&#xff08;观察孔&#xff09;组成。工厂直接供应地埋式一体化污水处理设备&#xff0c;经济实用&#xff0c;节省设备投资和设备运行费…

centos安装nginx指定pcre位置

载PCRE源码。您可以从PCRE的官方网站&#xff08;https://www.pcre.org/&#xff09;获取最新版本的源码。例如&#xff0c;如果您要安装PCRE 8.44&#xff0c;可以使用以下命令下载并解压 wget https://ftp.pcre.org/pub/pcre/pcre-8.44.tar.gz tar -zxvf pcre-8.44.tar.gz编…

基于STM32和FPGA的射频数据采集系统设计流程

一、项目概述 高速采集射频&#xff08;RF&#xff09;信号是一个关键的需求。本文旨在设计一种基于STM32和FPGA的射频数据采集系统&#xff0c;以实现对接收到的射频信号的高精度和高速度的处理。该系统适用于无线通信、信号分析、雷达系统等应用场景。 技术栈关键词&#x…

React useRef 的性能优化

一、介绍 useRef 是 React 中的一个 Hook&#xff0c;用于引用 DOM 元素或存储任何可变的值&#xff0c;而不会触发组件的重新渲染&#xff0c;是一个引用变量。它的设计初衷旨在为那些不需要重新渲染的场景提供一个持久化的、可变的值。 二、工作原理&#xff1a; 若调用 u…

开源 AI 智能名片 O2O 商城小程序与抖音:品牌传播的新机遇与挑战

摘要&#xff1a;本文探讨了开源 AI 智能名片 O2O 商城小程序在品牌传播中的作用&#xff0c;以及与抖音平台相结合所带来的机遇与挑战。分析了抖音如何利用算法适配品牌调性为门店找到目标消费者&#xff0c;放大品牌势能&#xff0c;同时阐述了新品牌在抖音上进行品牌传播的优…

智能听诊器宠物社区的新宠

在宠物社区中&#xff0c;智能听诊器正迅速成为宠物主人的新宠。这款设备通过高精度传感器和智能算法&#xff0c;为宠物提供实时的健康监测和诊断建议。智能听诊器的移动健康应用&#xff0c;使得宠物主人能够随时随地访问宠物的健康数据&#xff0c;并与兽医进行交流。 智能…