"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[953],{40953:function(n,o,d){d.r(o),d.d(o,{default:function(){return X}});var e=d(20641),l=d(90033);const m=n=>((0,e.Qi)("data-v-ba6d1034"),n=n(),(0,e.jt)(),n),a={class:"lin-container"},t=m((()=>(0,e.Lk)("div",{class:"lin-title"},"Dropdown 下拉菜单",-1))),i={class:"lin-wrap-ui"},r=m((()=>(0,e.Lk)("div",{slot:"header"},[(0,e.Lk)("span",null,"基础用法")],-1))),p=m((()=>(0,e.Lk)("span",{class:"el-dropdown-link"},[(0,e.eW)(" 下拉菜单"),(0,e.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1))),c={style:{"white-space":"pre-wrap"}},s=m((()=>(0,e.Lk)("div",{slot:"header"},[(0,e.Lk)("span",null,"触发对象")],-1))),w=m((()=>(0,e.Lk)("span",{class:"demonstration"},"触发下拉菜单的按钮",-1))),u=m((()=>(0,e.Lk)("i",{class:"el-icon-arrow-down el-icon--right"},null,-1))),k=m((()=>(0,e.Lk)("span",{class:"demonstration"},"左边是功能按钮，右边是触发下拉菜单的按钮",-1))),b={style:{"white-space":"pre-wrap"}},_=m((()=>(0,e.Lk)("div",{slot:"header"},[(0,e.Lk)("span",null,"触发方式")],-1))),f=m((()=>(0,e.Lk)("span",{class:"demonstration"},"hover 激活",-1))),F=m((()=>(0,e.Lk)("span",{class:"el-dropdown-link"},[(0,e.eW)(" 下拉菜单"),(0,e.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1))),h=m((()=>(0,e.Lk)("span",{class:"demonstration"},"click 激活",-1))),W=m((()=>(0,e.Lk)("span",{class:"el-dropdown-link"},[(0,e.eW)(" 下拉菜单"),(0,e.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1))),C={style:{"white-space":"pre-wrap"}},v=m((()=>(0,e.Lk)("div",{slot:"header"},[(0,e.Lk)("span",null,"菜单隐藏方式")],-1))),L=m((()=>(0,e.Lk)("span",{class:"demonstration"},"点击菜单项后不隐藏",-1))),g=m((()=>(0,e.Lk)("span",{class:"el-dropdown-link"},[(0,e.eW)(" 下拉菜单"),(0,e.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1))),y=m((()=>(0,e.Lk)("span",{class:"demonstration"},"点击菜单项后隐藏",-1))),z=m((()=>(0,e.Lk)("span",{class:"el-dropdown-link"},[(0,e.eW)(" 下拉菜单"),(0,e.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1))),x={style:{"white-space":"pre-wrap"}},B=m((()=>(0,e.Lk)("div",{slot:"header"},[(0,e.Lk)("span",null,"指令事件")],-1))),O=m((()=>(0,e.Lk)("span",{class:"el-dropdown-link"},[(0,e.eW)(" 下拉菜单"),(0,e.Lk)("i",{class:"el-icon-arrow-down el-icon--right"})],-1))),j={style:{"white-space":"pre-wrap"}},A=m((()=>(0,e.Lk)("div",{slot:"header"},[(0,e.Lk)("span",null,"不同尺寸")],-1))),D={style:{"white-space":"pre-wrap"}};function E(n,o,d,m,E,I){const Q=(0,e.g2)("el-dropdown-item"),U=(0,e.g2)("el-dropdown-menu"),X=(0,e.g2)("el-dropdown"),$=(0,e.g2)("el-row"),q=(0,e.g2)("el-collapse-item"),G=(0,e.g2)("el-collapse"),H=(0,e.g2)("el-card"),J=(0,e.g2)("el-button"),K=(0,e.g2)("el-col");return(0,e.uX)(),(0,e.CE)("div",a,[t,(0,e.Lk)("div",i,[(0,e.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,e.k6)((()=>[r,(0,e.bF)($,null,{default:(0,e.k6)((()=>[(0,e.Lk)("div",null,[(0,e.bF)(X,{onCommand:I.handleCommand},{default:(0,e.k6)((()=>[p,(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{command:"黄金糕"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{command:"狮子头"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{command:"螺蛳粉"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{disabled:""},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{divided:"",command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onCommand"])])])),_:1}),(0,e.bF)(G,null,{default:(0,e.k6)((()=>[(0,e.bF)(q,{title:"查看代码",name:"2"},{default:(0,e.k6)((()=>[(0,e.Lk)("div",c,(0,l.v_)(E.base),1)])),_:1})])),_:1})])),_:1}),(0,e.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,e.k6)((()=>[s,(0,e.bF)($,null,{default:(0,e.k6)((()=>[(0,e.Lk)("div",null,[(0,e.bF)($,{class:"block-col-2"},{default:(0,e.k6)((()=>[(0,e.bF)(K,{span:12},{default:(0,e.k6)((()=>[w,(0,e.bF)(X,{onCommand:I.handleCommand},{default:(0,e.k6)((()=>[(0,e.bF)(J,{type:"primary"},{default:(0,e.k6)((()=>[(0,e.eW)(" 更多菜单"),u])),_:1}),(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{command:"黄金糕"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{command:"狮子头"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{command:"螺蛳粉"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onCommand"])])),_:1}),(0,e.bF)(K,{span:12},{default:(0,e.k6)((()=>[k,(0,e.bF)(X,{"split-button":"",type:"primary",onClick:I.handleClick,onCommand:I.handleCommand},{default:(0,e.k6)((()=>[(0,e.eW)(" 更多菜单 "),(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{command:"黄金糕"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{command:"狮子头"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{command:"螺蛳粉"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onClick","onCommand"])])),_:1})])),_:1})])])),_:1}),(0,e.bF)(G,{class:"test",style:{color:"red"}},{default:(0,e.k6)((()=>[(0,e.bF)(q,{title:"查看代码",name:"2"},{default:(0,e.k6)((()=>[(0,e.Lk)("div",b,(0,l.v_)(E.splitButton),1)])),_:1})])),_:1})])),_:1}),(0,e.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,e.k6)((()=>[_,(0,e.bF)($,null,{default:(0,e.k6)((()=>[(0,e.Lk)("div",null,[(0,e.bF)($,{class:"block-col-2"},{default:(0,e.k6)((()=>[(0,e.bF)(K,{span:12},{default:(0,e.k6)((()=>[f,(0,e.bF)(X,{onCommand:I.handleCommand},{default:(0,e.k6)((()=>[F,(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{icon:"el-icon-plus",command:"黄金糕"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{icon:"el-icon-circle-plus",command:"狮子头"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{icon:"el-icon-circle-plus-outline",command:"螺蛳粉"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{icon:"el-icon-check",command:"双皮奶"},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{icon:"el-icon-circle-check-outline",command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onCommand"])])),_:1}),(0,e.bF)(K,{span:12},{default:(0,e.k6)((()=>[h,(0,e.bF)(X,{trigger:"click",onCommand:I.handleCommand},{default:(0,e.k6)((()=>[W,(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{icon:"el-icon-plus",command:"黄金糕"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{icon:"el-icon-circle-plus",command:"狮子头"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{icon:"el-icon-circle-plus-outline",command:"螺蛳粉"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{icon:"el-icon-check",command:"双皮奶"},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{icon:"el-icon-circle-check-outline",command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onCommand"])])),_:1})])),_:1})])])),_:1}),(0,e.bF)(G,{class:"test",style:{color:"red"}},{default:(0,e.k6)((()=>[(0,e.bF)(q,{title:"查看代码",name:"2"},{default:(0,e.k6)((()=>[(0,e.Lk)("div",C,(0,l.v_)(E.trigger),1)])),_:1})])),_:1})])),_:1}),(0,e.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,e.k6)((()=>[v,(0,e.bF)($,null,{default:(0,e.k6)((()=>[(0,e.Lk)("div",null,[(0,e.bF)($,{class:"block-col-2"},{default:(0,e.k6)((()=>[(0,e.bF)(K,{span:12},{default:(0,e.k6)((()=>[L,(0,e.bF)(X,{"hide-on-click":!1,onCommand:I.handleCommand},{default:(0,e.k6)((()=>[g,(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{command:"黄金糕"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{command:"狮子头"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{command:"螺蛳粉"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{disabled:""},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{divided:"",command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onCommand"])])),_:1}),(0,e.bF)(K,{span:12},{default:(0,e.k6)((()=>[y,(0,e.bF)(X,{"hide-on-click":!0,onCommand:I.handleCommand},{default:(0,e.k6)((()=>[z,(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{command:"黄金糕"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{command:"狮子头"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{command:"螺蛳粉"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{disabled:""},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{divided:"",command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onCommand"])])),_:1})])),_:1})])])),_:1}),(0,e.bF)(G,null,{default:(0,e.k6)((()=>[(0,e.bF)(q,{title:"查看代码",name:"2"},{default:(0,e.k6)((()=>[(0,e.Lk)("div",x,(0,l.v_)(E.hideOnClick),1)])),_:1})])),_:1})])),_:1}),(0,e.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,e.k6)((()=>[B,(0,e.bF)($,null,{default:(0,e.k6)((()=>[(0,e.Lk)("div",null,[(0,e.bF)(X,{onCommand:I.handleCommand},{default:(0,e.k6)((()=>[O,(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{command:"a"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{command:"b"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{command:"c"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{command:"d",disabled:""},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{command:"e",divided:""},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onCommand"])])])),_:1}),(0,e.bF)(G,null,{default:(0,e.k6)((()=>[(0,e.bF)(q,{title:"查看代码",name:"2"},{default:(0,e.k6)((()=>[(0,e.Lk)("div",j,(0,l.v_)(E.handleCommandCode),1)])),_:1})])),_:1})])),_:1}),(0,e.bF)(H,{style:{"margin-bottom":"50px"}},{default:(0,e.k6)((()=>[A,(0,e.bF)($,null,{default:(0,e.k6)((()=>[(0,e.Lk)("div",null,[(0,e.bF)(X,{"split-button":"",type:"primary",onCommand:I.handleCommand},{default:(0,e.k6)((()=>[(0,e.eW)(" 默认尺寸 "),(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{command:"黄金糕"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{command:"狮子头"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{command:"螺蛳粉"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onCommand"]),(0,e.bF)(X,{size:"medium","split-button":"",type:"primary",onCommand:I.handleCommand},{default:(0,e.k6)((()=>[(0,e.eW)(" 中等尺寸 "),(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{command:"黄金糕"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{command:"狮子头"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{command:"螺蛳粉"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onCommand"]),(0,e.bF)(X,{size:"small","split-button":"",type:"primary",onCommand:I.handleCommand},{default:(0,e.k6)((()=>[(0,e.eW)(" 小型尺寸 "),(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{command:"黄金糕"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{command:"狮子头"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{command:"螺蛳粉"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onCommand"]),(0,e.bF)(X,{size:"mini","split-button":"",type:"primary",onCommand:I.handleCommand},{default:(0,e.k6)((()=>[(0,e.eW)(" 超小尺寸 "),(0,e.bF)(U,{slot:"dropdown"},{default:(0,e.k6)((()=>[(0,e.bF)(Q,{command:"黄金糕"},{default:(0,e.k6)((()=>[(0,e.eW)("黄金糕")])),_:1}),(0,e.bF)(Q,{command:"狮子头"},{default:(0,e.k6)((()=>[(0,e.eW)("狮子头")])),_:1}),(0,e.bF)(Q,{command:"螺蛳粉"},{default:(0,e.k6)((()=>[(0,e.eW)("螺蛳粉")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("双皮奶")])),_:1}),(0,e.bF)(Q,{command:"蚵仔煎"},{default:(0,e.k6)((()=>[(0,e.eW)("蚵仔煎")])),_:1})])),_:1})])),_:1},8,["onCommand"])])])),_:1}),(0,e.bF)(G,null,{default:(0,e.k6)((()=>[(0,e.bF)(q,{title:"查看代码",name:"2"},{default:(0,e.k6)((()=>[(0,e.Lk)("div",D,(0,l.v_)(E.size),1)])),_:1})])),_:1})])),_:1})])])}var I={name:"LinCmsUiButton",components:{},data(){return{base:' \n <el-dropdown @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item disabled >双皮奶</el-dropdown-item>\n <el-dropdown-item divided command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>',splitButton:'\n <div>\n <el-row class="block-col-2">\n <el-col :span="12">\n <span class="demonstration">触发下拉菜单的按钮</span>\n <el-dropdown @command="handleCommand">\n <el-button type="primary">\n 更多菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </el-button>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item command="蚵仔煎">双皮奶</el-dropdown-item>\n <el-dropdown-item command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n <el-col :span="12">\n <span class="demonstration">左边是功能按钮，右边是触发下拉菜单的按钮</span>\n <el-dropdown split-button type="primary" @click="handleClick" @command="handleCommand">\n 更多菜单\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item command="蚵仔煎">双皮奶</el-dropdown-item>\n <el-dropdown-item command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n </el-row>\n </div>',trigger:'\n <div>\n <el-row class="block-col-2">\n <el-col :span="12">\n <span class="demonstration">hover 激活</span>\n <el-dropdown @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item icon="el-icon-plus" command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-plus" command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-plus-outline" command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item icon="el-icon-check" command="双皮奶">双皮奶</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-check-outline" command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n <el-col :span="12">\n <span class="demonstration">click 激活</span>\n <el-dropdown trigger="click" @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item icon="el-icon-plus" command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-plus" command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-plus-outline" command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item icon="el-icon-check" command="双皮奶">双皮奶</el-dropdown-item>\n <el-dropdown-item icon="el-icon-circle-check-outline" command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n </el-row>\n </div>',hideOnClick:'\n <div>\n <el-row class="block-col-2">\n <el-col :span="12">\n <span class="demonstration">点击菜单项后不隐藏</span>\n <el-dropdown :hide-on-click="false" @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item disabled >双皮奶</el-dropdown-item>\n <el-dropdown-item divided command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n <el-col :span="12">\n <span class="demonstration">点击菜单项后隐藏</span>\n <el-dropdown :hide-on-click="true" @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="黄金糕">黄金糕</el-dropdown-item>\n <el-dropdown-item command="狮子头">狮子头</el-dropdown-item>\n <el-dropdown-item command="螺蛳粉">螺蛳粉</el-dropdown-item>\n <el-dropdown-item disabled >双皮奶</el-dropdown-item>\n <el-dropdown-item divided command="蚵仔煎">蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </el-col>\n </el-row>\n </div>',handleCommandCode:'\n <div>\n <el-dropdown @command="handleCommand">\n <span class="el-dropdown-link">\n 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>\n </span>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="a">黄金糕</el-dropdown-item>\n <el-dropdown-item command="b">狮子头</el-dropdown-item>\n <el-dropdown-item command="c">螺蛳粉</el-dropdown-item>\n <el-dropdown-item command="d" disabled>双皮奶</el-dropdown-item>\n <el-dropdown-item command="e" divided>蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </div>',size:'\n <el-dropdown split-button type="primary">\n 默认尺寸\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item>黄金糕</el-dropdown-item>\n <el-dropdown-item>狮子头</el-dropdown-item>\n <el-dropdown-item>螺蛳粉</el-dropdown-item>\n <el-dropdown-item>双皮奶</el-dropdown-item>\n <el-dropdown-item>蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n\n <el-dropdown size="medium" split-button type="primary">\n 中等尺寸\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item>黄金糕</el-dropdown-item>\n <el-dropdown-item>狮子头</el-dropdown-item>\n <el-dropdown-item>螺蛳粉</el-dropdown-item>\n <el-dropdown-item>双皮奶</el-dropdown-item>\n <el-dropdown-item>蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n\n <el-dropdown size="small" split-button type="primary">\n 小型尺寸\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item>黄金糕</el-dropdown-item>\n <el-dropdown-item>狮子头</el-dropdown-item>\n <el-dropdown-item>螺蛳粉</el-dropdown-item>\n <el-dropdown-item>双皮奶</el-dropdown-item>\n <el-dropdown-item>蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n\n <el-dropdown size="mini" split-button type="primary">\n 超小尺寸\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item>黄金糕</el-dropdown-item>\n <el-dropdown-item>狮子头</el-dropdown-item>\n <el-dropdown-item>螺蛳粉</el-dropdown-item>\n <el-dropdown-item>双皮奶</el-dropdown-item>\n <el-dropdown-item>蚵仔煎</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>'}},computed:{},watch:{},mounted(){this.init()},methods:{handleCommand(n){this.$message("点击了 "+n)},handleClick(){alert("button click")},init(){}}},Q=d(66262);const U=(0,Q.A)(I,[["render",E],["__scopeId","data-v-ba6d1034"]]);var X=U}}]);
|
