微信小程序点击控制元素的显示与隐藏

最新推荐文章于 2024-06-29 20:37:30 发布

weixin_30268921

最新推荐文章于 2024-06-29 20:37:30 发布

阅读量5.2k

点赞数 2

原文链接：http://www.cnblogs.com/zljy/p/11542444.html

版权

本文介绍如何在微信小程序中通过点击事件控制元素（如图片和input框）的显示与隐藏，当元素循环显示时，如何利用bindtap事件、wx:for-items循环和id配合js中的数据状态进行有效控制。

摘要由CSDN通过智能技术生成

微信小程序点击控制元素的显示与隐藏

首先我们先来看一下单个点击效果

我们来看一下wxml中的代码：

<view class="conten">
  <view class="header">
    <view class="nav_i">
      <text class="nav_tex">更多内容</text>
    </view>
    <view class="nav_righ" bindtap="mmmm">更多></view>
  </view>
  <view class="body">
    <view class="data" bindtap="share">
      <view class="icon">
        <image st