el-dropdown 事件

 <el-dropdown    @command="getCreateOrder"  class="dropdwom"><el-button icon="el-icon-plus" type="primary">创建订单</el-button><el-dropdown-menu slot="dropdown" ><el-dropdown-item    :command="item.id" v-text="item.name" :key="item.id" v-for="item in createOrder"><el-radio-group  v-model="createOrderName"><el-radio v-model="createOrderName"  :label="item.name"> </el-radio></el-radio-group></el-dropdown-item></el-dropdown-menu></el-dropdown> data(){
return{createOrder:[{id:1,name:"模板0021031031" },{id:2,name:"模板0021031032" },{id:3,name:"模板0021031033"},{id:4,name:"模板0021031034"},{id:5,name:"模板0021031035"}],createOrderName:""
}
}methods:{// 创建订单getCreateOrder(val){console.log(val)},
}

或者您使用

@click.native="click()"

下列样式

   <el-dropdown class="dropdwom"><el-button plain  type="primary">导入订单<i class="el-icon-arrow-down el-icon--right"></i></el-button><el-dropdown-menu slot="dropdown" ><el-dropdown-item :key="index" v-for="(item,index) in createOrder"><el-radio-group   @change="getImportOrder"  :vlalue="item.id" v-model="createOrderName"><el-radio  :label="item.name"> </el-radio></el-radio-group></el-dropdown-item></el-dropdown-menu></el-dropdown>

   createOrder:[{id:1,name:"模板0021031031" },{id:2,name:"模板0021031032" },{id:3,name:"模板0021031033"},{id:4,name:"模板0021031034"},{id:5,name:"模板0021031035"}],

  // 导入项目getImportProject(val){console.log("导入项目",val)}

el-dropdown 事件相关推荐

Visual C# 2005——超好用的DropDown与DropDownClosed事件
.NET Framework 2.0替ComboBox控件新增了两个非常实用的事件,它们分别是DropDown与DropDownClosed事件.DropDown事件会在ComboBox控件的下拉列表 ...
Bootstrap模块dropdown实现下拉框响应的事件
//监听消息li标签关闭dropdown事件 //用户所有消息已读状态处理 $('#msg_dropdown').on('hidden.bs.dropdown', function() {consol ...
C#中combobox 控件属性、事件、方法
http://blog.csdn.net/baggio7095586/article/details/6150075 一 .combobox 属性.事件.方法公共属性名称说明 Accessib ...
System Verilog 线程间的通信——事件，信箱与旗语
本文参考绿皮书第七章节,主要介绍System Verilog线程间通信的方式与基本的使用.包括事件,mailbox,semaphore.简而言之,事件可以实现线程间的通信,mailbox用于线程间的数 ...
自行封装移动端touch事件
网上查阅也参考了几个示例,感觉有些思路过于繁琐,自己也是刚接触前端的小白(去年),于是,为了锻炼下自己的js水平,决定按自己的思路简单封装下,功能包括如下: touchStart: 触摸开始 swip ...
vue点击元素自身之外触发事件指令
1注册指令 Vue.directive('clickoutside', {bind(el, binding) {function handler(e) {if (el.contains(e.targe ...
Ext2.02事件机制缺陷分析,以及解决方案 (fins)
网址: http://fins.javaeye.com/blog/173818 2008-03-20更新一个临时解决方案. 测试发现,Ext2.02在IE下无法正常释放被删除的元素(当该元素被注册了事 ...
事件机制（冒泡和捕获）
事件响应链 1.事件的三个阶段: 先捕获,后目标,再冒泡,只能有一个阶段触发程序执行,比如捕获阶段触发了到了冒泡阶段就不再触发事件经过所有元素都没有被处理,这个事件消失事件传递的过程只跟文档树的 ...
Element ui 组件库使用技巧。
按需引入 babel文件配置. 配置 babel.config.js文件可以创建一个js 特意来存放我们需要的 element 组件. 在main.js 文件中全局引入上面存放组件的 js ...
Redis源码分析：基础概念介绍与启动概述
Redis源码分析基于Redis-5.0.4版本,进行基础的源码分析,主要就是分析一些平常使用过程中的内容.仅作为相关内容的学习记录,有关Redis源码学习阅读比较广泛的便是<Redis设计与 ...

el-dropdown 事件

el-dropdown 事件相关推荐

最新文章

热门文章