在使用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()"就可以了
