在使用element-ui组件中card、row、el-col等组件，添加点击事件@click="handleClick（）"，都无法触发点击事件。

@click.native="handleClick（）" 可以解决这个问题

<el-row :gutter="30">
    <el-col
      :span="24"
      v-for="(item,index) in list"
      :key="index"
      @click.native="handleClick()">
        <el-card :body-style="{ padding: '5px' }" >
            hello
        </el-card>
    </el-col>
</el-row>

<el-form-item label="菜品">
    <template>
        <el-select v-model="value" placeholder="请选择菜品" @click="getFood()">
            <el-option
                v-for="(item,index) in options"
                :key="index"
                :label="item.label"
                :value="item.value">
            </el-option>
        </el-select>
    </template>
</el-form-item>

在点击请选择部门的时候不能触发点击事件getFood()。

@click="getFood()"换成@click.native="getFood()"就可以了