element-ui 在el-row el-col 上@click失效问题解决

最新推荐文章于 2024-08-09 11:53:36 发布

扫地鼠Gordon

最新推荐文章于 2024-08-09 11:53:36 发布

阅读量1.3k

点赞数

分类专栏： vue 文章标签： element-ui中@click失效

本文链接：https://blog.csdn.net/qq_28137309/article/details/104261931

版权

vue 专栏收录该内容

48 篇文章 2 订阅

订阅专栏

在el-row、el-col上面添加点击事件@click无效，用原生@click.native代替@click即可

//无效
<el-row @click="getList(item)"></el-row>  
 
//有效
<el-row @click.native="getList(item)"></el-row>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

扫地鼠Gordon

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

加载elementor时出现问题_elementUI 常见问题及解决办法

weixin_39685024的博客

12-20

1642

csselementUI input 的 placeholder样式.el-input__inner::-webkit-input-placeholder {line-height: 20px;}进度条背景颜色环形进度条.test svg > path:first-of-type{stroke: red !important;}条形进度条.el-progress .el-progress-...

组件element------Navigation组件

weixin_45343884的博客

08-08

244

（1）NavMenu 导航菜单顶栏-----导航菜单默认为垂直模式，通过mode属性可以使导航菜单变更为水平模式。另外，在菜单中通过submenu组件可以生成二级菜单。Menu 还提供了background-color、text-color和active-text-color，分别用于设置菜单的背景色、菜单的文字颜色和当前激活菜单的文字颜色。 <el-menu :default-acti...

参与评论您还未登录，请先登录后发表或查看评论

vue el-row el-col 的点击事件@click 无效问题

x_nweBorder01k的博客

02-21

2648

el-col是基于vue封装的组件，不支持原生事件的触发。无效： <el-col :span="4" @click="tagPlatform"> <img class="image_icon" src="@/assets/images/labelTag.png" alt=""/> <div class="image_text">标签平台</div> </el-col> 修改： <el-col :span=

element-ui 在el-row el-col 上@click失效问题

群峰之巅的博客

03-08

3721

在使用element-ui的时候发现使用饿了么自带的布局 el-row el-col时，如果想添加点击事件的时候，点击事件失效 @click失效。经过查证，发现可以使用方法 @click.native代替@click即可 //无效 <el-row @click="goPersonInfo(item)"></el-row> //有效 <el-row...

＜el-row＞中，click.stop不生效

最新发布

fhrlhh的博客

08-09

806

框架的 Element UI 库中，对于一些组件，如 el-row ，可能不能直接通过在其上添加 @click 来绑定原生的 click 事件，因为这些组件可能没有实现 click 事件的派发。示例代码如上，再点击时，click.stop不生效，不执行，直接去执行父组件的函数。献上解决方案:再套一层div，把.stop加在div上。

element在el-row 或者 el-col 上使用@click失效

yimeichengxuyuan的博客

05-11

1595

使用element标签时注意！问题：写项目的时候使用element-ui中el-row时，发现直接用@click="fn"无法触发点击事件，在其内部或者外部加上自己写的html标签（如：div、span）是生效的。 //不生效代码 <el-row class="register" @click="goRegister()"> 还没有账号，去注册</el-row> 改正： el-row,el-col上的点击事件需要加.native,就可以实现点击事件 //生效 <el-

elementUI 在el-row 或者 el-col 上使用@click失效

life_stranded的博客

05-12

861

今天在使用element-ui的时候，发现不管我在el-row、el-col还是el-radio添加点击事件@click="handleClick"，都无法触发点击事件，经过一番努力后提供两种解决思路： 1.在外面添加一个Div，然后在Div上添加点击事件 但是这种方法会显得十分冗余，下面介绍另外一种方法 2.使用click.native .native - 主要是给自定义的组件添加原...

el-row 如何绑定事件

09-06

- *1* *2* *3* [element在el-row 或者 el-col 上使用@click失效](https://blog.csdn.net/weixin_44813666/article/details/116657493)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{...

elment ui 组件bug总结

IT博客技术分享

04-04

3638

一、.element-ui dialog设置为点击弹窗以外的区域不关闭弹窗第一种: 在el-dialog标签中添加:close-on-click-modal="false"即可 <el-dialog title="标题" :close-on-click-modal="false" :visible.sync="dialogEnrol" width="30%"> 弹窗内容 </el-dialog> 第二种:全局设置在mian.js里面： import Elem.

【Element】el-button点击事件失效

m0_61049675的博客

01-29

1477

原因：由于el-button添加样式，例如float，position等等，浮动样式图层跟标准页面不在同一个层面上，因此无法点击。

火狐浏览器 el-table @row-click点击无响应

Start的小笔记

11-25

2678

@row-click="" 无法执行 console确无法执行，以为该方法未执行，使用alert发现会执行，使用 setTimeout 延迟可以解决问题。第二种方式是通过 event.preventDefault() 阻止默认事件。

如何解决在element-ui中el-row和el-col点击事件无法生效的方案

zycome的博客

11-23

1174

例如：在写element-ui时，遇到el-row和el-col无法帮定click事件或者事件不生效，代码如下。

关于使用elementUI 在el-row 或者 el-col 上使用@click失效的问题

ganjingjie的博客

07-29

533

只要在@click后面加native就可以了

为el-col、el-row添加点击事件

superpan的博客

08-20

5385

为el-col、el-row添加点击事件 要为el-col和el-row添加点击事件，不能用常用的v-on:click=”function()”或@click=”function()”添加点击事件，应该使用v-on:click.native="function()"或@click=”function()”添加点击事件 ...

VUE爬坑之路--Element-UI el-row、el-col、Select下拉框等点击事件不触发问题解决方法