element-ui下拉按钮的用法

<el-dropdown class="avatar-container" trigger="click">
                                        <div class="avatar-wrapper">
                                            <el-button type="primary" size="medium">
                                                支付
                                                <i class="el-icon-caret-bottom" />
                                            </el-button>
                                        </div>
                                        <el-dropdown-menu slot="dropdown" class="user-dropdown">
                                            <a v-if="isPC &&(item.status==1||item.status==3)&&(payMethod==0||payMethod==1)"
                                                target="_blank"
                                                :href="openPayPageUrl">
                                                <el-dropdown-item>银行卡支付</el-dropdown-item>
                                            </a>
                                            <el-dropdown-item v-if="(item.status==1||item.status==3)&&(isPC||isWX)&&(payMethod==0||payMethod==2)">
                                                <span style="display:block;"
                                                    @click="wxPayPc(item.id)">微信支付</span>
                                            </el-dropdown-item>
                                            <el-dropdown-item divided>
                                                <span style="display:block;">线下支付</span>
                                            </el-dropdown-item>
                                        </el-dropdown-menu>
                                    </el-dropdown>

原文地址:https://www.cnblogs.com/fqh123/p/11378167.html

时间: 2024-11-06 05:54:59

element-ui下拉按钮的用法的相关文章

element ui 下拉框绑定对象

废话不说直接上代码说明真相. <template> <div class="hello"> <span>可以设置的属性 value-key="id" .value-key="name"</span> <el-select placeholder="请选择" value-key="id" v-model="selectValue" @c

[转]下拉按钮 C#_Winform 自定义控件

[https://workspaces.codeproject.com/elia-sarti/splitbutton-an-xp-style-dropdown-split-button] using System; using System.ComponentModel; using System.Drawing; using System.Drawing.Design; using System.Drawing.Drawing2D; using System.Windows.Forms; na

Delphi 下拉按钮实现-TRzMenuButton

1 用  Raize  Button 面板里面找到  TRzMenuButton按钮,然后在界面上添加 POPMenu,输入自己要实现的多个按钮内容,之后在TRzMenuButton的属性DropDownMneu 加载POPMenu1,运行就实现了自己想要的下拉按钮. 如下图:

UI下拉刷新(IOS开发)

由于表应用有两个UI设计模式: 分页模式.下拉刷新模式. 其中下拉刷新被广泛应用(新浪微博,QQ) 这里吐槽一下QQ的墨迹,其实PC桌面的应用还好,及时的扁平化.但是IOS这么大的市场,但是现在都IOS8了,为什么还在用IOS6的下拉刷新的"胶皮糖"UI样式. IOS6以后增加了一个UIRefreshControl的下拉刷新类,目前这个类只能应用于表视图界面. 在Xcode6中,还没有在故事版中增加下拉拖拽,类似label之类的控件.所以布局什么的不用太多考虑. 代码部分可重用,目前就

easy ui 下拉框绑定数据select控件

easy ui 中的下拉框控件叫做select,具体代码如下: html代码:①.这是一个公司等级的下拉框 <tr> <td>公司等级:</td> <td> <select id="CompanyDegree" style="width: 150px;"> </select></td> <td>上级或同级:</td> <td> <input

下拉框combobox用法&amp;级联餐单

1.单个下拉框: <td> <input id="waytype" name="waytype" class="easyui-combobox" /></td> $(function () { var _actiontype = $('#waytype').combobox({ type: "GET", dataType: 'json', url: "/xxxx/xxxx.json

PHP下拉按钮跳转页面

<!--分页结束--> <form name="form2" method="post" action="">  跳转到第 <select name="page" onChange="javascript:form2.submit();"> <?php for($j=1;$j<=$pagecount;$j++) { ?> <option <?

easy ui 下拉框绑定事件

---------------选择改变------------------------------ <input id='ServiceStatus' field-type='combo' type='text' class='easyui-combobox' style='width: 100px' value='' data-options=" valueField: 'id', textField: 'text',url: '../../Ajax/GetListData.ashx?D

easy ui 下拉级联效果 ,下拉框绑定数据select控件

html代码: ①两个下拉框,一个是省,另一个市 <tr> <td>省:</td> <td> <select id="ProvinceId" style="width: 150px;"> </select></td> <td>市:</td> <td> <select id="LocationId" style="