uni-app使用v-show编译成微信小程序的问题

最新推荐文章于 2024-10-10 23:23:09 发布
最新推荐文章于 2024-10-10 23:23:09 发布
阅读量166 收藏 1
点赞数 3
分类专栏： 前端 文章标签： uni-app 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44732146/article/details/142815876
版权

问题

在uni-app使用v-show语法编译成微信小程序会有一个问题

当我们设置成v-show="false" 在Hbuilder X里面确实没有显示
在这里插入图片描述
然后运行到 微信开发程序里面

在这里插入图片描述

在这里插入图片描述

发现显示了出来，说明设置的 v-show="false"没有起作用

解决办法

首先去uniapp官网查看v-show的用法

在这里插入图片描述
官网上说明v-show 不支持 template 元素，也不支持 v-else

于是需要在外面包一层然后加上v-show="false"属性

在这里插入图片描述
在这里插入图片描述
重新编辑，解决问题

胡八一、
关注
专栏目录
微信小程序和uni-app面试高频知识点
qq_53694927的博客
11-27 897
微信小程序和uni-app面试高频知识点
使用HBuilderX高效搭建Uni-App微信小程序开发环境
qq_31226163的博客
05-24 3676
Uni-App是一个使用Vue.js开发所有前端应用的框架，支持发布到iOS、Android、H5、以及各种小程序平台（包括微信小程序、支付宝小程序等）。它的核心优势在于一套代码可以编译到多个平台，大大降低了跨平台开发的成本。HBuilderX是DCloud推出的一款专为前端开发者设计的开发工具，内置了对Vue.js、uni-app的完美支持，提供了强大的代码提示、智能感知、模板快速生成等功能，让开发效率飞升。从零开始，申请开通微信小程序全流程_微信公众号申请小程序 csdn-CSDN博客。
uni-app开发微信小程序
golove666的博客
09-11 1320
使用uni-app开发微信小程序是一个高效的方法，因为uni-app允许你使用 Vue.js 的语法来编写跨平台应用，包括微信小程序、H5、Android、iOS 等平台。以下是使用uni-app。
前端学习—使用uni-app搭建微信小程序&基础知识
Sayatnoon的博客
01-30 922
在编译项目时，又又又报错了：You forgot to add 'mini-css-extract-plugin' plugin (i.e. `{ plugins: [new MiniCssExtractPlugin()]，愚蠢的我查了一天没看到别人遇到这个问题，最后还是依赖gpt解决了。如果更不幸，出现CERT_HAS_EXPIRED证书过期，可以输入以下指令之后，再重新进行上面的步骤。如果出现连接超时，可以先从github（可以使用镜像网站。如果出现连接超时，可以先输入以下指令，再进行全局安装。
微信小程序+uni-app知识点总结
liuliuhhxxttxs的博客
11-24 2273
对于一些独立的模块我们尽可能抽离出来，这是因为自定义组件的更新并不会影响页面上其他元素的更新；各个组件也将具有各自独立的逻辑空间。每个组件都分别拥有自己的独立的数据、setData调用。
uni-app编译微信小程序，微信授权登录获取用户头像、昵称及手机号
bo_ranlove的博客
04-06 1184
uni-app编译微信小程序，微信授权登录获取用户头像、昵称及手机号。
uni-app+vue3+vant开发微信小程序探路...
sinat_23956691的博客
10-26 4111
使用uni-app+vue3+vant开发微信小程序过程中的一些技巧和坑
【用vue开发微信小程序】（uni-app）（自用，不推荐参考）
热门推荐
sp_zhaoyun的博客
07-29 3万+
笔记自用
使用uniapp编写微信小程序
weixin_43637720的博客
06-28 1488
使用uniapp开发微信小程序基本流程
关于v-show与v-if的区别以及uni-app小程序中v-show指令失效问题
qq_53499304的博客
12-04 8384
本文关于v-show与v-if的区别，以及在uni-app小程序中v-show失效问题如何解决等在本文中均有描述，希望对你有所帮助
微信小程序框架——uni-app
蟹黄堡
06-25 1619
文章目录uni-app介绍1.什么是uni-app2.上线的产品3.uni-app的社区和规模uni-app基础1.uni-app初体验2.项目结构介绍3.样式和sass4.基本语法5.事件6.组件7.生命周期补充1.引入样式2.uni-ui3.uni-api uni-app介绍 1.什么是uni-app uni-app是一个使用Vue.js语法来开发所有前端应用的框架。 使用uni-app，可以开发网页应用、安卓应用、苹果应用以及各种各样的小程序应用（包括：微信小程序、QQ小程序、百度小程序抖音小程序以
【记录】基于uni-app开发的微信小程序商城项目
MILK_LL的博客
07-04 4051
记录小程序项目代码书写思路
使用uni-app搭建微信小程序
Stephy_Yy
06-21 2892
0 问题待解决 import { } 与否 为什么要封装 对齐问题 每次重启项目，sitemap就会消失 动态修改标题失效 图片问题多多 ：高度自适应 改成image固定高度，mode：aspectFill 微信小程序文档 b站视频链接 后端接口文档 一、知识点 uni-app 是一个使用 Vue.js语法来开发所有前端应用的框架 项目技术栈：js+vue+微信小程序+uni-app 750rpx = 屏幕宽度（微信小程序） 100vw = 屏幕宽度（H5） 100vh = 屏幕高度（H5） 微信小程
uni-app如何搭建项目(一步一步教程)
最新发布
2301_78884095的博客
10-10 116
首先我们要有一个HBuilder这个软件，然后我们来搭建uni-app项目。
基于SpringBoot+Vue+Uniapp汽车保养系统小程序的设计与实现
源码好优多
10-10 788
可行性分析是每开发一个项目必不可少的一部分，可行性分析可以直接影响一个系统的存活问题，针对开发意义进行分析，还有就是是否可以通过所开发的系统来弥补传统手工统计模式的不足，是否能够更好的解决阿博图书馆管理系统存在的问题等，通过对该阿博图书馆管理系统的开发设计，不仅能够逐步减少工作人员的工作量，而且还可以进行高效工作和管理。所以该系统的开发实现了最大的意义和价值，在系统完成后，利益是否大过于成本，是否能够达到预期效果，这些方面都要进行可行性分析，再通过分析之后，就可以决定是否开发此系统。
uniapp 省、市、区、乡镇 数据层级选择插件 Ba-DataPicker
三杯五岳
10-10 180
Ba-DataPicker 是一款uniapp数据层级选择弹窗插件。支持省市区乡四级；支持自定义数据。支持省、市、区、乡镇四级；支持自定义数据；支持字母检索。
在UniApp中高效处理大量文件请求的策略
软考鸭
10-06 1019
软考鸭”微信小程序作为一款针对软考考生的备考辅助工具，在实际应用中表现出了显著的优势。它不仅提供了丰富的备考资源和功能，还通过便捷性、个性化学习、及时反馈、社区互助和节省成本等特点，帮助考生提高备考效率，顺利通过考试。相信随着这款小程序的不断完善和推广，越来越多的考生将受益于它带来的便捷和高效。
基于SpringBoot+Vue+Uniapp微信小程序的电子竞技信息交流平台设计与实现
源码好优多
10-10 590
可行性分析是每开发一个项目必不可少的一部分，可行性分析可以直接影响一个系统的存活问题，针对开发意义进行分析，还有就是是否可以通过所开发的系统来弥补传统手工统计模式的不足，是否能够更好的解决阿博图书馆管理系统存在的问题等，通过对该阿博图书馆管理系统的开发设计，不仅能够逐步减少工作人员的工作量，而且还可以进行高效工作和管理。所以该系统的开发实现了最大的意义和价值，在系统完成后，利益是否大过于成本，是否能够达到预期效果，这些方面都要进行可行性分析，再通过分析之后，就可以决定是否开发此系统。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值