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

4年以前  |  阅读数:245 次  |  编程语言:JavaScript 

今天在使用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>
 相关文章:
PHP分页显示制作详细讲解
SSH 登录失败:Host key verification failed
将二进制数据转为16进制以便显示
获取IMSI
获取IMEI
Java生成UUID
PHP自定义函数获取搜索引擎来源关键字的方法
让你成为最历害的git提交人
在Zeus Web Server中安装PHP语言支持
指定应用ID以获取对应的应用名称
再谈PHP中单双引号的区别详解
Python 2与Python 3版本和编码的对比
php+ajax+json 详解及实例代码
php封装的page分页类完整实例
Yii2汉字转拼音类的实例代码
php数组合并array_merge()函数使用注意事项
PHP实现简单爬虫的方法
PHP设计模式之工厂模式与单例模式
php实现数组中索引关联数据转换成json对象的方法
wget使用技巧