el-row el-col 的点击事件@click 没反应 el-col 是vue封装的组件,不支持原生事件的触发。要想触发事件需要加修饰符".native" 无效果: <el-col :span="4"@click="tagPlatform"> <imgclass="image_icon"src="@/assets/images/labelTag.png"alt=""/> <divclass="image_text">8888</div> </el-col>...
使用el-col绑定点击事件会发现没有反应,这时需要在click事件加上修饰符native即可
例如:因为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;" >...
今天在使用element-ui中Card组件的时候,发现不管我在el-row、el-col、还是el-card添加点击事件@click="handleClick",都无法触发点击事件,但是在div或者其他自己写的标签添加点击事件,发现就没有这个问题,所以我准备在el-card外层添加一个div来添加点击事件。
...在第二个el-col标签中添加两个el-button组件,表示查询和新增按钮,并使用@click添加点击事件。...使用el-table建立表格,使用 :data设置表格数据绑定,用 style=“width:100%” 设置默认宽度。..." @keyup.enter="enterSearch"> el-input> el-col> 表格 --> 表格数据绑定和默认宽度 --> el-table :...
使用element-ui中Card组件的时候,不管在el-row、el-col、还是el-card添加点击事件@click="handleClick",都无法触发点击事件.写成@click.native="handleClick"就能成功解决这个问题。
问题: elementUI 在el-row 或者 el-col 上使用@click失效, 解决: 在click后面加上 .native 。要使用@click.native=”handler()”才行,.native代表原生点击事件。