u-navbar组件在真机运行时undefined

项目场景:

uniapp H5项目


问题描述

组件部分在浏览器中运行无错,在真机运行时自定义状态栏整个显示undefined
在浏览器中

模拟器中

<view>	
		<u-navbar
		  back-text="orgName"
		  :back-icon-name="isShowOrgList ? 'arrow-up' : 'arrow-down'"
		  back-icon-color="#fff"
		  back-icon-size="30"
		  :back-text-style="{
			  color: '#fff',
			  fontWeight: '700',
			  fontSize: 32+'rpx'
		  }"
		  :custom-back="() => isShowOrgList = !isShowOrgList"
		  :background= "{ background: 'linear-gradient(180deg, #7DB2FD 0%, #4395FF 100%)' }"
		>
			<view slot="right" class="u-p-r-30 u-relative" @click="$to.navigateTo('/pages/index/tips/tips')">
				<image src="/static/xiaoxi.svg" style="width: 42rpx;" mode="widthFix"></image>
				<u-badge type="error" count="0" :offset="[-10, 10]" size="mini"></u-badge>
			</view>
		</u-navbar>
		<xInputSelect
		  class="org_select_wrap"
		  @setName="setName"
		  :isShowContent.sync="isShowOrgList"
		  :valueList="orgList"
		  :style="{width: 12 + 'em'}"
		></xInputSelect>


原因分析:

在浏览器预览时没有任何报错,并且翻出从前应用该组件的项目运行无任何问题,所以原因不在该组件上,结合在模拟器中运行时,报错TypeError: Invalid attempt to destructure non-iterable instance. 14:34:49.596 In order to be iterable, non-array objects must have a [Symbol.iterator]() method. at view.umd.min.js:1 14:34:49.618 cid unmatched at view.umd.min.js:1大概就是TypeError:对不可重写实例进行分解的尝试无效。应该是有什么属性未定义。


解决方案:

找遍页面没有未定义属性,只能逐段删除代码查看是哪里出了问题,最后锁定这里

<view class="content"> 	
			<view class="project-bg">
	
			<template>
				<!-- v-if="userInfoMessage.user" -->
				<view class="person-pro" v-if="userInfoMessage.user">
					<image class="user-pic" :src="userInfoMessage.user.nurse_head != null ? staticfileUrl + userInfoMessage.user.nurse_head : '/static/tabbar/head.png'" mode="scaleToFill"></image>
					

没错,就是那个v-if,害我找了好久,当时改代码加上接口一会断掉一会连接的,为了方便自己写了假数据,后来着急把v-if放错地方了,应该放在template中,但是正常来讲放在view里也不应该报错,具体原因还没找到,以后找到了再补充

根据提供的引用内容,u-navbar 组件中似乎没有提及有关白线的信息。因此,无法确定 u-navbar 组件是否具有一条白线。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [react-responsive-animate-navbar:React js 库 - 响应式动画导航栏](https://download.csdn.net/download/weixin_42131316/20716157)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [u-navbar组件真机运行时undefined](https://blog.csdn.net/qq_49490164/article/details/123710656)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [u-navbar自定义标题背景随着页面滑动渐变](https://blog.csdn.net/oneya1/article/details/126303038)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值