head-img Force's Blog

vue在elementUI el-col元素上绑定@click事件无效解决办法

Vue,JavaScript

在el-col直接添加 @click="themeHandleClose(item)", 点击后无效没有反馈事件并没有执行

<el-drawer
    :visible.sync="drawer"
    :show-close="true"
    :with-header="false">
    <el-row
        id="config-panel"
        :gutter="20">
        <el-col :span="24">设置主题</el-col>
        <el-col
            :span="8"
            :key="key"
            v-for="(item, key) in themeList"
            <!--@click="themeHandleClose(item)"-->
            @click.native="themeHandleClose(item)"
            class="config-panel-item">
            <div class="grid-content">{{item}}</div>
        </el-col>
    </el-row>
</el-drawer>

这时我们将@click替换为@click.native即可

点我评论
打赏本文
二维码


103

文章

24

标签

 访客统计  Update-1203-22:00

 网站信息