扣丁書屋

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

2年以前  |  閱讀數:44 次  |    

今天在使用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>

相關文章:

18禁止午夜福利体验区,人与动人物xxxx毛片人与狍,色男人窝网站聚色窝
<蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>