9***@qq.com
9***@qq.com
  • 发布:2023-06-19 16:11
  • 更新:2023-06-21 09:30
  • 阅读:277

click事件不生效 需要在点击空白处才执行

分类:uni-app

click事件不生效 需要在点击空白处才执行
根据数组循环生成多个子组件,子组件调用删除,无效果,需要点击空白区域才执行
根据打印 也是点击无效果 点击空白区域之后 子组件和辅佐建的console就都打出来了
子组件

    <view @click.native.stop="delSignItem(index)">删除</view>  
        <view @click.stop="delSignItem(index)">删除</view>  

这两种写法都用过
delSignItem(i) {
console.log('i click delSignItem');
this.$emit('delSignItem', i)
},

父组件 <xDrag v-show="vs.pageIndex===renderingPage" v-for="(vs,is) in signList" :key="vs.id" :ref="'drag'+is" content-type="vs.contentType" :limit="limitData" :creat-left="vs.left" :creat-top="vs.top"

index="is" :drag-size="signSize" :tamp-text="vs.tampText||''" @delSignItem="delSignItem" @dragClick="dragClick" @touchend="touchend" @touchstart="touchStart" @editTampType="editTampType">
</xDrag>

@delSignItem="delSignItem"

delSignItem(i) {
this.signList.splice(i, 1)
console.log(this.signList, 'delSignItem');
},

2023-06-19 16:11 负责人:无 分享
已邀请:
亦春亦秋

亦春亦秋 - 用爱发电

你不是 .stop 了吗,所以阻止了。
你把view给上背景色看看

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

    stop不是阻止冒泡么,也没阻止执行啊

    2023-06-21 10:06

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