element中@click绑定多个点击事件

element中@click绑定多个点击事件

java_久孤是一名对技术持有独钟热爱的java资深程序员，崇尚程序界的开源精神，乐于做一个技术价值分享的博主，愿程序在你我这永远不迷茫

在element中给单个元素绑定不同的事件去操作不同的业务逻辑，这样的话就是进行异步的处理

<el-dialog title="收货地址" :visible.sync="dialogFormVisible">
  <el-form :model="form">
    <el-form-item label="活动名称" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    <el-form-item label="活动区域" :label-width="formLabelWidth">
      <el-select v-model="form.region" placeholder="请选择活动区域">
        <el-option label="区域一" value="shanghai"></el-option>
        <el-option label="区域二" value="beijing"></el-option>
      </el-select>
    </el-form-item>
  </el-form>
  <div slot="footer" class="dialog-footer">
    <el-button @click="dialogFormVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialogFormVisible = false;saveHandle()">确 定</el-button>
  </div>
</el-dialog>

a.dialogFormVisible=false：把对话框进行关闭
b.saveHandle():同时进行保存收获地址的业务逻辑

最后：

无数个黑夜下的点滴创作，为的就是在这个行业领域下贡献一份属于自己的绵薄价值。小赞赞和关注走一波，关注博主不迷路，日后持续更新对你有帮助的实在干货