一、v-if避坑看uniapp官方文档上，v-if是支持多端支持的。小程序上仅支持微信小程序，用hbuilderx运行到小程序后就会变成微信的指令语法wx:if。这里有个坑，要特别注意！v-if指令表达式如果指令表达式为json对象，而只要你的对象的属性值中包含有null，那就要注意了，这里如果你按常规做法，如下：//a对象{"b":"ss","c":null}Copy你的代码运行到小程序是会有问题的，这个view组件会编译出但是无法渲染出来，在app及h5上是可以正常显示的。目前没找到是什么原因，有种说法是与js的上古时期的bug有关(typeof(null)=="object")。微信小程
文章目录1.页面效果2.页面样式代码更多登录ui页面uni-app微信小程序之好看的ui登录页面（一）uni-app微信小程序之好看的ui登录页面（二）uni-app微信小程序之好看的ui登录页面（三）uni-app微信小程序之好看的ui登录页面（四）uni-app微信小程序之好看的ui登录页面（五）1.页面效果2.页面样式代码template> viewclass="login-bg"> br/>br/>br/>br/>br/>br/>br/> viewclass="t-login"> formclass="cl"> viewclass="t-a"> imagesrc=
在这四个工具/框架中，Uni-app和微信小程序比较类似，因为它们都是为了实现跨平台开发而设计的。jQuery 是一个快速、小巧且特性丰富的JavaScript库。它提供了各种操作和处理HTMLDOM、事件、动画，以及提供各种工具函数的功能。然而，关于本地存储数据，jQuery本身并没有提供这样的功能。通常，这类功能是通过其他库（如localStorage或sessionStorage）实现的。Vue.js 是一种用于构建用户界面的渐进式JavaScript框架。Vue可以用来构建单页面应用(SPA)，并且它提供了各种高级功能，如组件系统、路由、状态管理等。对于本地存储数据，Vue.js可以使
前言在做AI问答功能，文本返回的是markdown形式，如果没有对Markdown文本进行转换很难看，如下图，转换后是不是很好了很多，特别是代码内容阅读起来舒服多了。下面来介绍下，我在开发小程序软件聚导航AI助手对实现Markdown文本解析，看到两款较好的组件，其中第二款towxml组件已应用到项目中。遇到的坑mp-html+Markdown组合方式，理论支持多端，包括h5、小程序、App，但并没有使用这个，而是使用了towxml组件，因为，在使用mp-html+Markdown时，小程序调试时很正常，但发送到真机调试却爆出了一些莫名其妙的错误，尝试了一番，也无法解决，最后使用towxml。
需求最近在做小程序，有一个类似折叠面板的ui控件，效果大概是这样代码因为项目使用的是uniapp，所以打算去找uniapp的扩展组件，果然给我找到了这个叫uni-collapse的组件（链接：uni-collapse）但是因为跟我们预期效果差别还是挺大的，所以就开始了我们的定制在这个定制过程中，去掉了uni-collapse自带的伪类所带来的两条分割线和背景色，给uni-collapse-item外部套上圆弧边框，去掉了uni-collapse-item自带的分割线，定制了标题文字样式，代码如下viewclass="rules-box">uni-collapseclass="rules">vi
前言经过上个章节的介绍，大家可以了解到uni-app-pinia存储数据的基本使用方法那本章节来给大家介绍一下uni-app-网络请求的基本使用方法步入正题首先我们打开官方文档，我先带着大家看一下官方文档的介绍：https://uniapp.dcloud.net.cn/api/request/request.html从官方文档中我们可以看到，可以通过uni.request(OBJECT)来发起网络请求好，那么废话不多说，我们直接来看一下代码，搭建一个普通模板的项目，自行去搭建，大家都有相关的经验了，我就不多说了。在首页页面，编写两个按钮分别发送get请求和post请求，代码如下： 发送Ge
今天在搞小程序验证时想把jwttoken验证换成cookie验证，却碰到了一个问题，小程序跨域不支持保存cookie。可以看到响应头中set-cookie出现警告，并提示ThisSet-Cookiewasblockedbecauseithadthe"SameSite=Lax"attributebutcomefromacross-siteresponsewhichwasnottheresponsetoatop-levelnavigation告诉我们cookie因为跨域设置失败了。。看了一下uniapp的官方文档uni.request(OBJECT)|uni-app官网发现小程序并不支持set-c
前言经过上个章节的介绍，大家可以了解到uni-app-数据缓存的基本使用方法那本章节来给大家介绍一下uni-app-pinia存储数据的基本使用方法经过我这么多篇章的介绍，我发现大家环境比较耗时，所以在今后的文章中，我会尽量减少环境的搭建如果某一篇的文章环境确实是不一样的，我会在文章中说明，然后编写对应的搭建过程本文的由来呢，就是因为在Vue2中与Vue3中都可以使用Vuex来进行数据的存储,但是在Vue3出现了Pinia，所以我就想着在uni-app中使用Pinia来进行数据的存储。步入正题首先来给大家看看官方文档吧，在文档中找到,uni-app->教程->vue语法，先来看Vue2：可以从
在本篇文章中，我们将介绍如何使用uni-app框架实现通过WiFi连接设备并进行命令交互的硬件开发。为了方便理解和实践，我们将提供相应的源代码示例。硬件准备在开始之前，确保你已经准备好以下硬件设备：一个支持WiFi连接的设备（如ESP8266或ESP32等）。一个手机或电脑作为控制端，安装有支持uni-app开发的开发环境。uni-app项目设置首先，创建一个新的uni-app项目，并在项目中添加所需的插件和组件。在uni-app的manifest.json文件中添加以下插件依赖："uni-wifi":{"provider":"uni-wifi-provider"}这将为我们提供与WiFi设备
找到 manifest.json进入：源码视图代码{"name":"xxx康养","appid":"__xxx6","description":"xxx康养","versionName":"1.0.12","versionCode":100012,"uni-app-x":{},/*快应用特有相关*/"quickapp":{},/*小程序特有相关*/"mp-weixin":{"appid":"","setting":{"urlCheck":false},"usingComponents":true},"mp-alipay":{"usingComponents":true},"mp-baidu":
