VUE div click无效

每逢半年总要遇到一个前端诡异问题，花了个把小时才解决，记录一下

<div v-else-if="item.type ===7" class="left-title bgc-opacity" :style="styleObj" @click="changeliveisResize(true)"><!-- 字幕 --><div v-if="!item.text"><div class="text-son">{{ $t('program.caption') }}</div></div><div v-else><div class="left-align-text caption-text" :style="{fontSize: item.fontSize + 'px', color: item.fontColor}"> {{ item.text }} </div></div></div>

当@Click写在里面div时无反应写在外面有反应

当@Click写在里面DIV时把外面的:style="styleObj"移出也有反应

以上反之没反应特记录一下

VUE div click无效相关推荐

vue中click无效问题
当父元素为relative,子元素为absolute时可能会出现click点击无效,无法触发onClick事件的情况目前已知两种解决方法 1.最外层div的z-index层级设置比里面绝对定位的大 ...
Better Scroll+Vue、div的@click无效解决方法
better-scroll+Vue.div的@click无效解决方法正常情况,div可以直接点击 <template><div><div @click="di ...
vue解决字符串模板@click无效的问题
在同一函数下进行操作 window.clickEvent= this.clickEvent;// 解决字符串模板@click无效的问题 let str=<span class="ul ...
html click事件参数,vue 实现click同时传入事件对象和自定义参数
这篇文章主要介绍了vue 实现click同时传入事件对象和自定义参数,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧仅仅传入自定义参数 HTML ddddd JS代码 new Vue ...
scoped 不生效_解决vue scoped scss 无效的问题
今天遇到scoped内部的scss设置无效,解决办法如下: /deep/ .position-el-steps { /deep/ .el-step.is-vertical { .el-step__de ...
Vue之@click、事件修饰符@click.stop与@click.prevent、按键修饰符@keyup.enter
1.绑定监听@click: (以监听click为例,其他如keyup,用法类似) v-on:click="fun" @click="fun" @cli ...
【踩坑日记】Vue组件@click事件点击没有反应
项目场景: 在自定义组件上绑定@click事件无法触发问题描述: 在自定义组件上绑定@click事件无法触发 <template><div>自定义组件<div> ...
vue div自适应高度
第一种:利用弹性盒子flex特性 <template><div class='container'><div class="divContent"&g ...
vue中 @click 绑定点击事件方法传递参数 typescript(通用)
话不多说还是直接上图简单明了 <template><div id="header"><img src="../../assets/logo ...

VUE div click无效

VUE div click无效相关推荐

最新文章

热门文章