fox113 2022-08-12 16:57 采纳率: 46.4%
浏览 87
已结题

vue绑定事件获取点击子元素

给多个元素绑定点击事件,点击让最后一个子元素显示隐藏,怎么获取到子元素呢?

<view class="search-item" v-for="(item, index) in patientJson" :key="item.text" @click="clickItem" :data-id="index">
                        <view class="search-item-text">{{item.text}}</view>
                        <span class="search-item-num">{{item.value}}</span>
                        <view class="search-item-unit">{{item.unit}}</view>
                        <ul class="select-ul" v-show="showUl" :id="index">
                            <li v-for="(u, i) in item.child" :key="u.text" :data-name="u.text">{{u.text}}</li>
                        </ul>
                    </view>



// 点击项目
            clickItem(e){
                console.log(e.target)
                console.log(e.currentTarget.dataset.id)
                console.log(e.currentTarget);
                console.log(e.childElementCount);
                // if(this.showUl == false){
                //     this.showUl = true
                // } else {
                //     this.showUl = false;
                // }
                // console.log(this.showUl)
                
                // #ifdef H5
                    
                
                // #endif
            }

img

  • 写回答

3条回答 默认 最新

  • 雾里桃花 2022-08-12 17:07
    关注

    如果只是想隐藏最后一个元素的话不用操作dom节点
    1.给patientJson数组中的每条数据里添加一个showUi字段
    2.给最后一个元素添加 v-show=’item.showUi‘
    3.点击父节点的时候改变当前的showUi item.showUi = !item.showUi

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 8月20日
  • 已采纳回答 8月12日
  • 创建了问题 8月12日

悬赏问题

  • ¥65 LineageOs-21.0系统编译问题
  • ¥30 关于#c++#的问题,请各位专家解答!
  • ¥15 App的会员连续扣费
  • ¥15 不同数据类型的特征融合应该怎么做
  • ¥15 用proteus软件设计一个基于8086微处理器的简易温度计
  • ¥15 用联想小新14Pro
  • ¥15 multisim中关于74ls192n和DSWPK开关仿真图分析(减法计数器)
  • ¥15 w3wp,exe 中发生未处理的 Microsoft ,NETFramework 异常。
  • ¥20 C51单片机程序及仿真(加减器)
  • ¥15 AQWA | 水动力分析 二阶波浪力