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

问题描述

提示：这里描述项目中遇到的问题：

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

 <el-row @click="CLickDevice(item)">
      <el-col :span="12" :offset="2" style="text-align: left;">
           <span style="line-height: 30px;" >
                  {{ item.name }}
            </span>
        </el-col>
 </el-row>

---

原因分析：

例如：因为el-row和el-col时原生标签，在给原生标签绑定事件时，是无法生效的。

---

解决方案：

例如：如果想要添加事件绑定生效，要加上native属性，如代码所示：

 <el-row @click.native="CLickDevice(item)">
      <el-col :span="12" :offset="2" style="text-align: left;">
           <span style="line-height: 30px;" >
                  {{ item.name }}
            </span>
        </el-col>
 </el-row>