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

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.xdnf.cn/news/1544680.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

【机器学习(十)】时间序列预测月销量案例分析—Holt-Winters算法—Sentosa_DSML社区版

文章目录 一、Holt-Winters算法原理(一) 加法模型(二) 乘法模型(三) 阻尼趋势 二、Holt Winters算法优缺点优点缺点 三、Python代码和Sentosa_DSML社区版算法实现对比(一) 数据读入和统计分析(二) 数据预处理(三) 模型训练和模型评估(四) 模型可视化 四、总结 一、Holt-Winters…

论文研读——《Task-Adaptive Negative Envision for Few-Shot Open-Set Recognition》

这是一篇关于少样本开集识别的论文。 目录 论文简介&#xff1a; 名词补充 论文的贡献 负原型生成器 确定动态阈值 共轭训练 补充&#xff1a;元训练过程 共轭训练过程 共轭训练损失 实验设置 总结 论文简介&#xff1a; Task-Adaptive Negative Envision for Few-…

怎么把照片转换成jpg格式?这5种转换方法简单高效

照片是我们记录生活、分享美好的重要方式。然而&#xff0c;不同设备和软件生成的照片格式各异&#xff0c;有时为了兼容性或文件大小的需求&#xff0c;我们需要将照片转换成JPG格式。很多小伙伴不知道怎么转换&#xff0c;下面来给大家分享5种简单高效的转换方法&#xff0c;…

tokenizer简述

知乎&#xff1a;难赋链接&#xff1a;https://zhuanlan.zhihu.com/p/721054525 简述 为了方便计算机处理文本&#xff0c;我们常把文本转化为数值的形式。具体操作是把文本分割成有意义的片段&#xff0c;再把这些片段映射为数组&#xff0c;就能够利用各种深度学习的技术来处…

FastStone Capture屏幕长截图软件注册码

FastStone Capture是一款功能强大的电脑屏幕截图、录像软件&#xff0c;并支持图像编辑、注释及分享等使用功能。FastStone Capture可以免费用30天试用&#xff0c;终身版88元单台电脑终身使用&#xff0c;终身更新。不过网上分享的FastStone Capture注册码似乎也可以正常激活&…

Java开发:文件上传和下载

一、文件上传 使用MultipartFile 类型接收参数&#xff1b; 调用上传有两种方式&#xff1a; 方式一&#xff1a;使用curl命令 curl -F "file/data/filename.txt" http://localhost:8080/upload --verbose方式二&#xff1a;使用html&#xff0c;写一个form表单&…

Mysql基本理解

系列文章目录 Mysql的基础理论知识 目录 系列文章目录 文章目录 一、数据库概述 1.数据库概念 2.数据库的作用 3.什么是关系型数据库&#xff1f; 4.Mysql的优点 5.数据库术语 6.SQL语言分类 二、Mysql安装 三、 Mysql使用 1.登录数据库、退出登录 2.创建、列出数据库 3.选择…

Node.JS有什么用?给谁用?怎么学?通俗易懂,超级详细!

现在&#xff0c;nodejs主要是前端的小伙伴来用的。前端小伙伴也不用说去怎么学node&#xff0c;而是把node当做是一个环境。我们利用这个环境去搭建上层的一些应用&#xff0c;去使用一些工具。就像学习Windows一样&#xff0c;我们没有必要深入了解Windows的每一个细节&#…

【hot100-java】【环形链表 II】

印象题 /*** Definition for singly-linked list.* class ListNode {* int val;* ListNode next;* ListNode(int x) {* val x;* next null;* }* }*/ public class Solution {public ListNode detectCycle(ListNode head) {ListNode fasthea…

建筑工程系列专业职称评审条件大全

我们都知道&#xff0c;职称是分很多系列&#xff0c;今天甘建二主要是从建筑工程系列讲起来&#xff0c;从技术员到初级职称再到中级职称然后到高级职称&#xff0c;各个等级的评审条件给您一一解析&#xff0c;赶紧收藏起来。 ✨技术员1️⃣理工类或建筑工程相关专业大学专科…

视频生成技术分享

文本到视频&#xff08;T2V&#xff09;生成是一种技术&#xff0c;它通过将文本描述转换为视频内容&#xff0c;允许用户根据自然语言生成动态视觉媒体。近年来&#xff0c;扩散模型在这一领域取得了显著进展&#xff0c;但现有模型在处理多个对象和复杂场景时&#xff0c;面临…

android 跑了一个网易云信v1.0的app, 编译的过程中报错Entry name ‘assets/sm2/r.jks‘ collided的处理

1、一开始并没有报这个错误&#xff0c;然后直接就不知道注了什么信息以后&#xff0c;就报错&#xff0c;是因为下面的warning&#xff1a; 2、然后编译的时候就直接报下面的错误&#xff1a; 3、然后我们再之前的注解放开&#xff1a; 这样一切就正常了。 4、那么这个究竟是…

【动态规划】(五)动态规划——子序列问题

动态规划——子序列问题 子序列问题☆ 最长递增子序列&#xff08;离散&#xff09;最长连续递增序列&#xff08;连续&#xff09;最大子序和&#xff08;连续&#xff09;最长重复子数组&#xff08;连续&#xff09;☆ 最长公共子序列&#xff08;离散-编辑距离过渡&#xf…

【动态规划】(四)动态规划——打家劫舍与买卖股票

打家劫舍与买卖股票 打家劫舍问题打家劫舍打家劫舍II打家劫舍III 买卖股票问题买卖股票的最佳时机买卖股票的最佳时机II买卖股票的最佳时机III买卖股票的最佳时机IV最佳买卖股票时机含冷冻期买卖股票的最佳时机含手续费 股票问题总结 打家劫舍问题 给定一个数组&#xff0c;相…

day-59 两两交换链表中的节点

思路 只需将链表两两交换节点即可&#xff0c;如果是奇数个节点&#xff0c;最后一个节点则不用交换 解题过程 可以先自定义一个头结点thead&#xff0c;这样更便于思考交换&#xff0c;最后返回thead.next即可 Code /*** Definition for singly-linked list.* public class…

SAM+无监督学习!能发顶会的高端局组合!idea效果绝佳

学过SAM的朋友都知道&#xff0c;SAM需要对训练数据进行全面的手动标记&#xff0c;每张图像都要超过20分钟...效率有待提升。那么如何解决这个短板&#xff1f;我们考虑SAM无监督学习。 这是因为无监督学习具有无需人工标注数据的特点&#xff0c;通过将两者结合&#xff0c;…

【LeetCode】动态规划—删除并获得点数(附完整Python/C++代码)

动态规划—#740. 删除并获得点数 前言题目描述基本思路1. 问题定义:2. 理解问题和递推关系:3. 解决方法:4. 进一步优化:5. 小总结: 代码实现Python3代码实现Python 代码解释C代码实现C 代码解释 总结: 前言 给你一个整数数组 n u m s nums nums &#xff0c;你可以对它进行一…

DownShift: Tuning Shift Reduction With Reliability for Racetrack Memories

目录 DownShift: Tuning Shift Reduction With Reliability for Racetrack Memories文章摘要&#xff1a;文章的主要贡献包括&#xff1a;文章的结构如下&#xff1a;DownShiftDownShift通过以下方式改进了现有的数据放置策略&#xff1a; GROGU&#xff08;Generating Reliabi…

2024最受欢迎的3款|数据库管理和开发|工具

1.SQLynx&#xff08;原SQL Studio&#xff09; 概述&#xff1a; SQLynx是一个原生基于Web的SQL编辑器&#xff0c;由北京麦聪软件有限公司开发。它最初被称为SQL Studio&#xff0c;后改名为SQLynx&#xff0c;支持企业的桌面和Web数据库管理。SQLynx支持所有流行的数据库&a…

工业一体机实现接口与模块选配

在现代工业自动化和智能制造的浪潮中&#xff0c;工业一体机因其集成化、稳定性高和适应性强的特性而逐渐成为企业生产过程中不可或缺的设备。为了满足不同客户的需求&#xff0c;工业一体机的接口与模块选配功能显得尤为重要。 一、工业一体机的基本概念 工业一体机是将计算、…