uni-app 使用HTML繫結介面資料報undefined
阿新 • • 發佈:2021-01-10
技術標籤: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>