微信小程序开发＜cover-image＞标签无法绑定点击事件踩坑

最新推荐文章于 2025-05-19 15:16:10 发布

qq_41629522

最新推荐文章于 2025-05-19 15:16:10 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：开发日常小程序

本文链接：https://blog.youkuaiyun.com/qq_41629522/article/details/107814332

本文介绍了在微信小程序开发中遇到的＜cover-image＞标签无法绑定点击事件的问题，详细描述了当使用camera组件拍照并利用cove-view创建按钮时，若按钮无文本内容，尺寸设置将无法在真机上正常显示，导致按钮塌陷的现象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在微信小程序开发中使用camera标签调用系统相机拍照，使用cove-view 标签制作拍照按钮，当按钮没有内容文本时候设置大小没有效果

<template>
  <div class="page">
    <camera device-position="back" flash="off" binderror="error">
    </camera>
    <cover-view class="take">
      <button @click="take" v-show="!showBtn" class="take-btn">拍照</button>       //按钮
      
    </cover-view>
    <cover-image  class="photo" :src="src"></cover-image>
    
    <cover-view class="close-wrap" v-show="showBtn" @click="closePhoto">
      <cover-image  @click="closePhoto"  class="cancel-icon"  src="https://s1.ax1x.com/2020/08/05/arcYCD.png"></cover-image>
    
    </cover-view>

     <cover-view class="confirm-wrap" @click="confirmPhoto" v-show="showBtn">
    <cover-image   class="confirm-icon" src="https://s1.ax1x.com/2020/08/05/arc8UK.png"></cover-image>
      <!-- <button @click="closePhoto">确定</button> -->
    </cover-