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

1月以前  |  阅读数:19 次  |     收藏

今天在使用element-ui中Card组件的时候,发现不管我在el-row、el-col、还是el-card添加点击事件@click="handleClick",都无法触发点击事件,但是在div或者其他自己写的标签添加点击事件,发现就没有这个问题,所以我准备在el-card外层添加一个div来添加点击事件。

但是自己还是不甘心,为什么要多些一段冗余的div呢?查阅一下发现@click.native="handleClick"就能成功解决这个问题。代码如下:

<el-row class="row-ul">
    <el-col
      :span="4"
      v-for="(item) in list"
      :key="item.id"
      class="row-li"
      @click.native="handleClick"  // @click="handleClick"  改为: @click.native="handleClick" 
    >
      <el-card :body-style="{ padding: '5px' }" >
        hello
      </el-card>
    </el-col>
  </el-row>

相关文章:


SSH 登录失败:Host key verification failed

PHP分页显示制作详细讲解

PHP自定义函数获取搜索引擎来源关键字的方法

在Zeus Web Server中安装PHP语言支持

将二进制数据转为16进制以便显示

让你成为最历害的git提交人

再谈PHP中单双引号的区别详解

PHP实现简单爬虫的方法

php+ajax+json 详解及实例代码

Python 2与Python 3版本和编码的对比

php实现数组中索引关联数据转换成json对象的方法

桌面中心(一)创建数据库

wget使用技巧

PHP设计模式之工厂模式与单例模式

php封装的page分页类完整实例

php数组合并array_merge()函数使用注意事项

Yii2汉字转拼音类的实例代码

获取IMSI

getAttribute和getAttributeNode

Java生成UUID