如何解决在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>

版权声明：本文为CSDN博主「zycome」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/zycome/article/details/134577128