1***@qq.com
1***@qq.com
  • 发布:2019-11-05 10:36
  • 更新:2020-03-25 10:45
  • 阅读:1390

cover-image显示隐藏

分类:uni-app

cover-image覆盖video,点击cover-image删除视频后,cover-image依然存在原来的位置

2019-11-05 10:36 负责人:无 分享
已邀请:
春雷Le

春雷Le - 私信,接各种特效

v-if应该能控制

  • 1***@qq.com (作者)

    试过v-if了,还是不能隐藏

    2019-11-05 10:52

春雷Le

春雷Le - 私信,接各种特效

<cover-view><image/></cover-view>
7***@qq.com

7***@qq.com - 90后IT男

请问这个问题解决了吗 我现在也碰到用v-if不能控制<cover-image>的隐藏

DCloud_uni-ad_HDX

DCloud_uni-ad_HDX

HBuilderX 2.6.6 Android 7.0 测试没有问题

<template>  
    <view class="content">  
        <button @click="test">test</button>  
        <video id="video1" class="video" src=""  
            :controls="true" @fullscreenclick="fullscreenclick">  
            <cover-image v-if="showCoverView" src="/static/logo.png"></cover-image>  
        </video>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                title: 'Hello',  
                showCoverView: true  
            }  
        },  
        methods: {  
            test() {  
                this.showCoverView = !this.showCoverView;  
            },  
            fullscreenclick(e) {  
                console.log(e.detail);  
            }  
        }  
    }  
</script>  

<style>  
    .content {  
        display: flex;  
        flex-direction: column;  
    }  

    .video {  
        height: 320px;  
        width: 240px;  
    }  
</style>  
7***@qq.com

7***@qq.com - 90后IT男

在page下层建一个文件夹 然后在里面写业务代码 这里面的<cover-image> 用v-if控制不了

  • 8***@qq.com

    请问最后有解决吗 我也遇到了

    2022-01-21 11:50

该问题目前已经被锁定, 无法添加新回复