在我们项目中碰到这样一个问题, 需要用到video组件,由于viedeo组件在原生app上层级比较高(特别是ios),所以想要在video上面覆盖一个删除标签就需要用到cover-image
<view class="upload-item" v-for="(imgItem,imgIndex) in item.images" :key="imgIndex">
<image class="upload-img upload-img-radius" :src="imgpathFill(imgItem.imageUrl)" mode="aspectFill" v-if="imgItem.imageType==10"></image>
<video class="upload-img upload-img-radius" v-else autoplay loop muted :src="imgItem.imageUrl" :controls="false"></video>
<cover-view class="close-button">
<cover-image v-if="item.images.length>0" @click="deleteFile(imgIndex,index)" :src="ossUrl+'/gree-mall-v2/images/deleteInput.png'" style="width:100%;height:100%"></cover-image>
</cover-view>
</view>
当标签首次渲染之后,修改数据,删除图片,会发现如果cover-image不包裹在cover-view中,cover-image标签会删除不掉,因此得出的结论是 cover-image必须嵌套在cover-view中使用