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)
            }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

花归去

客官赏点吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值