前言uni-app读取本地json数据文件，有下面两种方式可以实现：文件后缀为.json类型文件后缀为.js类型具体演示代码1、文件后缀为.json类型非H5端，这种类型的文件，目前只能使用require进行导入，导入后为一个对象类型。import无法导入json文件。①在项目根目录下，新建一个目录data。②在data目录下，新建一个cityData.json文件，写上本地模拟json数据，注意文件后缀为json。//cityData.json//必须是""格式，否则报错[{"id":"1","city":"深圳"},{"id":"2","city":"广州"}]③在index.vue页面引

前言uni-app读取本地json数据文件，有下面两种方式可以实现：文件后缀为.json类型文件后缀为.js类型具体演示代码1、文件后缀为.json类型非H5端，这种类型的文件，目前只能使用require进行导入，导入后为一个对象类型。import无法导入json文件。①在项目根目录下，新建一个目录data。②在data目录下，新建一个cityData.json文件，写上本地模拟json数据，注意文件后缀为json。//cityData.json//必须是""格式，否则报错[{"id":"1","city":"深圳"},{"id":"2","city":"广州"}]③在index.vue页面引

在HbuliderX中使用模拟器运行uni-app事先声明：本人电脑为windows操作系统，只能使用Android模拟器，因此只对Android模拟器(以逍遥模拟器为例)进行介绍文章目录一、下载安装HbuilderX和逍遥模拟器（准备工作）二、添加adb.exe到环境变量三、在HbuilderX中连接模拟器一、下载安装HbuilderX和逍遥模拟器（准备工作）1.下载安装HbuilderXHbuilderX官网链接：https://www.dcloud.io/hbuilderx.html   点击DownloadforWindows下载安装即可2.下载安装逍遥模拟器逍遥模拟器官网链接：【逍遥

在HbuliderX中使用模拟器运行uni-app事先声明：本人电脑为windows操作系统，只能使用Android模拟器，因此只对Android模拟器(以逍遥模拟器为例)进行介绍文章目录一、下载安装HbuilderX和逍遥模拟器（准备工作）二、添加adb.exe到环境变量三、在HbuilderX中连接模拟器一、下载安装HbuilderX和逍遥模拟器（准备工作）1.下载安装HbuilderXHbuilderX官网链接：https://www.dcloud.io/hbuilderx.html   点击DownloadforWindows下载安装即可2.下载安装逍遥模拟器逍遥模拟器官网链接：【逍遥

小程序表单校验uni-forms正确使用方式及避坑指南一、前言二、成果展示三、uni-forms即时校验四、uni-forms自定义校验规则五、uni-forms异步校验六、完整示例源码七、最后，点个赞一、前言小程序上使用表单理应是很常用，也很必须的功能，因为系统实用了uni-app，所以这时候会用到uni-forms，但使用过程中遇到不少问题。这边的需求有3个：即时校验（输入框失焦立即校验值）需自定义校验规则需要异步校验满足这3个需求，就能实现绝大部分表单校验，然而直接使用官方的案例并不能满足，踩过不少坑，最后解决方案如下。二、成果展示以下展示均满足上述3个需求，下面示例代码可以直接看第六点

小程序表单校验uni-forms正确使用方式及避坑指南一、前言二、成果展示三、uni-forms即时校验四、uni-forms自定义校验规则五、uni-forms异步校验六、完整示例源码七、最后，点个赞一、前言小程序上使用表单理应是很常用，也很必须的功能，因为系统实用了uni-app，所以这时候会用到uni-forms，但使用过程中遇到不少问题。这边的需求有3个：即时校验（输入框失焦立即校验值）需自定义校验规则需要异步校验满足这3个需求，就能实现绝大部分表单校验，然而直接使用官方的案例并不能满足，踩过不少坑，最后解决方案如下。二、成果展示以下展示均满足上述3个需求，下面示例代码可以直接看第六点

uni-app概述由dcloud公司开发的多端融合框架；1次开发多端运行；技术架构：Vue语法+小程序的apiHybrid混合开发App端HTML+nvue（原生view）native.js(js原生沟通的桥梁)weex内置ios/安卓的模块使用H5端：h5专用api各种小程序（微信为主）界面 新建项目 运行多端H5  小程序01打开开发工具的服务端口02HBuilderx配置微信开发工具的地址03配置微信小程序id04运行到微信小程序 App01打开模拟器或者手机02配置模拟器的端口夜神模拟器端口号：62001 海马模拟器端口号：26944逍遥模拟器端口号：21503MuMu模拟器端口号：7

uni-app概述由dcloud公司开发的多端融合框架；1次开发多端运行；技术架构：Vue语法+小程序的apiHybrid混合开发App端HTML+nvue（原生view）native.js(js原生沟通的桥梁)weex内置ios/安卓的模块使用H5端：h5专用api各种小程序（微信为主）界面 新建项目 运行多端H5  小程序01打开开发工具的服务端口02HBuilderx配置微信开发工具的地址03配置微信小程序id04运行到微信小程序 App01打开模拟器或者手机02配置模拟器的端口夜神模拟器端口号：62001 海马模拟器端口号：26944逍遥模拟器端口号：21503MuMu模拟器端口号：7

💌所属专栏：【微信小程序开发教程】😀作  者：我是夜阑的狗🐶🚀个人简介：一个正在努力学技术的CV工程师，专注基础和实战分享，欢迎咨询！💖欢迎大家：这里是CSDN，我总结知识的地方，喜欢的话请三连，有问题请私信😘😘😘文章目录前言一、新建uni-app项目二、目录结构三、把项目运行到微信开发者工具1、配置AppID2、配置安装路径3、配置服务端口4、运行项目总结前言  大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第49篇文章;  今天开始学习微信小程序的第31天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。  专栏地址：【微信小程序开发教程】，此专栏是我是夜

💌所属专栏：【微信小程序开发教程】😀作  者：我是夜阑的狗🐶🚀个人简介：一个正在努力学技术的CV工程师，专注基础和实战分享，欢迎咨询！💖欢迎大家：这里是CSDN，我总结知识的地方，喜欢的话请三连，有问题请私信😘😘😘文章目录前言一、新建uni-app项目二、目录结构三、把项目运行到微信开发者工具1、配置AppID2、配置安装路径3、配置服务端口4、运行项目总结前言  大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第49篇文章;  今天开始学习微信小程序的第31天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。  专栏地址：【微信小程序开发教程】，此专栏是我是夜