qxedu
qxedu
  • 发布:2019-06-06 15:25
  • 更新:2019-09-04 15:44
  • 阅读:1023

【报Bug】v-if 和v-show在百度小程序里无效

分类:uni-app

rt 百度小程序里v-if 和v-show 都渲染不出来

2019-06-06 15:25 负责人:无 分享
已邀请:
qxedu

qxedu (作者) - 00后前端

试了class display:none 也无法切换选项卡 微信小程序和网页都很正常

  • qxedu (作者)

    是循环出问题了


    2019-06-10 15:09

qxedu

qxedu (作者) - 00后前端

v-if 和 v-for 不可在同一标签下同时使用

qxedu

qxedu (作者) - 00后前端

  
  
数据是这样的  
works: [  
					{  
						name: '1',  
						imgs: [  
							'/b1.jpg',  
							'/b2.jpg',  
							'/b3.jpg'  
						]  
					},  
					{  
						name: '2',  
						imgs: [  
							'/b2.jpg',  
							'/b2.jpg',  
							'/b3.jpg'  
						]  
					},  
					{  
						name: '3',  
						imgs: [  
							'/b3.jpg',  
							'/b2.jpg',  
							'/b3.jpg'  
						]  
					},  
					{  
						name: '4',  
						imgs: [  
							'/b1.jpg',  
							'/b3.jpg',  
							'/b3.jpg'  
						]  
					},  
					{  
						name: '5',  
						imgs: [  
							'/b3.jpg',  
							'/b2.jpg',  
							'/b2.jpg'  
						]  
					},  
					{  
						name: '6',  
						imgs: [  
							'/b2.jpg',  
							'/b2.jpg',  
							'/b1.jpg'  
						]  
					}  
				]

循环是这样写的 微信小程序循环的数据正常 百度小程序 第一层循环正常 第二层都是数组最后一个值

<view class="worklist bg-gray padding">  
		<view class="grid col-2 grid-square" :class="TabCur==index?'show':'hide'" v-for="(item,index) in works" :key="index">  
			<view class="radius bg-white" v-for="(img,index) in item.imgs" :key="index">  
				<image :src="img" mode="scaleToFill"></image>  
			</view>  
			  
		</view>  
		  
		  
	</view>
秋凡

秋凡 - 全职接单 高效率、高质量 uniapp项目开发 服务器部署-运维 欢迎咨询 Q:377313813 vx:ran1ever

<view class="radius bg-white" v-for="(img,q) in item.imgs" :key="q">
<image :src="img" mode="scaleToFill"></image>
</view>

  • qxedu (作者)

    搞定了


    2019-06-10 15:32

1***@qq.com

1***@qq.com

怎么搞定的,我的还是v-if不起作用,百度小程序

该问题目前已经被锁定, 无法添加新回复