语法:
<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>