1. 程式人生 > 其它 >uni-app 使用HTML繫結介面資料報undefined

uni-app 使用HTML繫結介面資料報undefined

技術標籤:uni-app

語法:

<view class="indexADleft">
	<image :src="imgUrl+content[0].image" mode=""></image>
</view>
<script>
	export default {
		props:['content']
	}
</script>

錯誤如下:
在這裡插入圖片描述
錯誤原因:此處 content 預設為 undefined,頁面開始渲染時 content 為空
解決辦法:使用template 標籤包裹元素,並使用 v-if 判斷資料是否為空 (使用template 是因為 dom 結構不存在 template 標籤)

<view class="indexADleft">
	<template v-if="content.length>0">
		<image :src="imgUrl+content[0].image" mode=""></image>
	</template>
</view>