uniapp v-if在H5中有效，在微信小程序中无效

最新推荐文章于 2024-08-30 17:31:18 发布
最新推荐文章于 2024-08-30 17:31:18 发布
阅读量955 收藏 1
点赞数 3
文章标签： 微信小程序 uni-app 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58889179/article/details/130169898
版权
在小程序的一个页面中，v-if指令出现异常，失效了，但其他页面的v-if依然工作正常。解决问题的关键在于移除v-if表达式中的this关键字后，v-if开始正常运行。这可能是因为在Vue.js的上下文中，this的使用方式导致了混淆。寻求技术大佬解答此现象的原因。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天发现个奇怪现象v-if在小程序中页面中突然失效，查看其他页面中的v-if也是可以正常使用的。

后来把v-if中this去掉就可以使用了有没有大佬知道这是什么原因吗？

带this的

 

 

 不带this的

 

 

uniapp开发app项目适配微信小程序问题总结
cielzy的博客
03-13 869
uniapp开发app项目适配微信小程序问题总结
小程序开发学习-1-使用uni-app框架开发微信小程序
热爱编程，享受开发Coding的乐趣，一个开发爱好者的博客
01-05 756
uniapp入门学习
uni-app 钉钉小程序 v-if控制显示时报错
coder_gezi的博客
07-13 864
报错 :Injection "collapse" not found found in ---> <UniCollapseItem> at components/uni-collapse-item/uni-collapse-item.vue 这里引入组件使用的是easycom 填报页面和记录页面通过v-if控制显示时报错 解决办法 : 通过v-show控制显示 复习一下 v-if 和 v-show的区别 v-show : 本质就是通过控制css中的display设置为n.
记录uni-app开发微信小程序踩过得坑，包括iconfont不显示、v-if插槽上不生效、pdf在线预览等
qq_38118138的博客
12-30 6307
记录uni-app开发微信小程序踩过得坑，包括iconfont不显示、v-if插槽上不生效、pdf在线预览等
v-if失效原因
issa的博客
09-17 3515
一般v-if失效都是和绑定变量有关，我所知道的一般有两种。
uni-app运行到H5正常，但运行到小程序不正常、报错总结
菜菜的博客
09-01 9389
1.v-for中，非 h5 平台 :key 不支持表达式 index+'_' 同级多个 v-for 时 key 的值是不允许重复的，key 的绑定是不支持表达式的，需要按照以下方式处理。 // 错误的写法 <view v-for="(item, index) in list1" :key="index">{{item}}</view> <view v-for="(it...
uniapp + 微信小程序，使用v-if控制的slot标签无法显示
lingliu0824的博客
02-24 2960
uniapp项目在微信小程序中使用v-if控制的slot标签不会显示，如下图：无论v-if中的条件是否成立都不会显示slot组件 目前暂时没有找到真正的解决方法，选择了一个适用于当前场景的方法：把v-if的判断放在了slot内部的标签中 ...
if判断失效，微信小程序
m0_68428581的博客
07-07 448
解决方法：在判断条件前面加上 Boolean 或者 !Boolean
uniapp - H5 在 UC 浏览器中返回上一页失效的解决方案
止于至善
08-30 1632
最近使用 uniapp 开发的 H5 在测试中遇到的问题：有A、B两个页面，反复从A页面进入B页面后，在B页面会存在返回函数失效问题。经过测试发现，如果反复进入B页面的参数相同，在第三次进入后，返回就会失效，不管是 uniapp 自带的头部导航，还是 uni.navigateBack API 都会失效，不能从 B页面 返回 A页面。目前测试其他浏览器未出现这种情况。注意：路由未成功跳转，当前路由不再执行跳转，此处是防止用户快速重复点击。
uni-app上自定义微信小程序的tabbar
liuye066的专栏
07-26 4028
今天用uni-app开发微信小程序时，修改tabbar的样式无效，如selectedColor, iconWidth等，明明官网上都有这些属性，但在模拟器上就是没有效果。自定义tabbar1、在微信官网，自定义tabbar的页面，下载自定义tabbar示例代码；将其中的custom-tab-bar目录整个拷贝到项目根目录下；2、修改custom-tab-bar/index.js的文件，路径都改为自己uni-app项目下的页面路径和图片路径 3、pages.json文件tabbar配置：设置"custom
uni-app在picker在h5正常，在小程序初始下标正确，显示不正确
weixin_45503820的博客
05-24 1625
uni-app的picker在h5正常，在小程序初始下标正确，显示不正确解决方案一：解决方案二： 公司一个项目需要用到2022年单年的阴阳历选择及切换功能，但我发现点击切换按钮后应该显示2022年时，在h5中无异常，在小程序中 :value=“selectValue” 初始下标正确，渲染不正确，总是年份停留在2021年，因此改了一下数据发现在小程序中最初始的渲染也是错误的，排查原因发现在小程序中是dom没刷新导致的问题。 解决方案一： 在data中赋值时直接计算初始数据 解决方案二： 方案一的解决方式对
uniapp vue3 在微信小程序上全局注册组件无效，但是在h5端运行正常
最新发布
12-12
4. **平台特定代码**：某些代码可能只在H5端有效，而在微信小程序中无效。 ### 解决方案 1. **检查组件路径**：确保组件的路径在微信小程序和H5端都是正确的。可以使用相对路径或绝对路径来引入组件。 2. **全局...
uniapp的cover-image标签v-if无效问题
weixin_41463944的博客
09-22 1223
uniapp的cover-image标签v-if无效问题
uniapp设置的组件样式在H5和APP中生效，在微信小程序中不生效问题解决
热门推荐
lingliu0824的博客
02-28 1万+
问题：想修改uview组件库中组件的样式，想通过深度选择器>>>(/deep/)的方式修改，修改后在H5和APP上都正常生效，但在小程序中看不到设置的样式。 解决： 1.需要先在使用自定义组件的组件/页面中添加与data同级的options属性，设置options:{styleIsolation: ‘shared’} 2.去掉style标签的scoped属性 3.如果还是不生效，查看是否是优先级不够高，通过添加父选择器增高优先级，或者在样式后面加上!important(不推荐，容易影响其他
Vue和uniapp中v-if绑定数组中的布尔值没有效果
qq_43551769的博客
07-30 6076
标题Vue和uniapp中v-if绑定数组中的布尔值没有效果 1、实际场景 (1)js代码里 data(){ list:[true,false] } (2)页面中 <div> <div v-if='list[0]'>我应该显示<div> <div v-if='list[1]'>我应该隐藏</div> </div> (3)实际结果 实际是两个Div都是隐藏的， 2、解决办法 在vue项目和uniapp项目中都是一样的结果，目前还
v-if为什么会失效，什么情况下会失效
m0_61093181的博客
12-20 2550
v-if 是 Vue中的一个指令，用于根据表达式的值的真假来切换元素的显示和隐藏。在大多数情况下，v-if 是可靠的，但是有一些情况下它可能会失效：
uniapp微信小程序端动态改变数据v-if渲染不改变
Listen_wind_的博客
08-16 2040
uniapp微信小程序端动态改变数据v-if渲染不改变
小程序v-if和v-elseif使用以及Bad attr `wx:else` with message: `wx:if not found, then something must be wrong
qq_70032585的博客
01-25 771
上面这段代码看起来好像没毛病，但是在小程序中这里的else if 并不是 elseif 而是 elif。
【js】解决 v-if “不生效”
weixin_52418790的博客
09-06 6776
v-if = ‘showAnswer’不生效，一直为true
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值