首页 > 其他分享 >iview Dropdown用法事例

iview Dropdown用法事例

时间:2023-10-27 16:46:30浏览次数:27  
标签:console name Dropdown 事例 item1 item2 111 iview

<Dropdown transfer="true" @on-click="dropdownAction($event, params.row)">
                <a href="javascript:void(0)">
                    ...
                </a>
                <Dropdown-menu slot="list">
                    <Dropdown-item name="item1">
                        item1
                    </Dropdown-item>
                    <Dropdown-item name="item2">
                        item2
                    </Dropdown-item>
                </Dropdown-menu>
            </Dropdown>
dropdownAction: function (name, row) {
                if (name === 'item1') {
                    console.log(111)
                } else if (name === 'item2') {
                    console.log(111)
                }
            },

标签:console,name,Dropdown,事例,item1,item2,111,iview
From: https://www.cnblogs.com/hasome/p/17792669.html

相关文章

  • el-select、el-dropdown 下拉框位置偏移
    el-select、el-dropdown下拉框位置偏移<el-dropdownclass="nav_item":class="activeIndex==2?'active':''"><spanclass="el-......
  • [转] VSCode中 Vetur插件排版Vue文件 Col 标签子标签不被缩进的问题 iview viewDesign
    [转]VSCode中Vetur插件排版Vue文件Col标签子标签不被缩进的问题iviewviewDesign自动格式化问题Col标签不对齐首先直接放解决办法在vsCodesettings.json中添加{//缩进大小,自行按需配置"vetur.format.options.tabSize":4,"vetur.format.defaultFo......
  • iview2.0 InputNumber 保留两位小数
    <FormItemprop="free"label="包期费用(元):"><Input-number:min="0"style="width:100%"v-model="formValidate.free"placeholder="请输入单价(元)&......
  • vue2自定义指令实现el-dropdown下拉菜单项最小宽度等于内容宽度
    //在main.js添加Vue.directive('siem-dropdown',function(el,binding,vNode){letul=el.querySelector("ul")letuid=vNode.componentInstance._uid;//获取下拉菜单实例的uidletsiemDropdownClass=`siem-dropdown-${uid}`;ul.cla......
  • iview Form表单校验失效问题
    校验规则的prop名称要和v-model中的字段名称一致,否则会校验不通过,例如password输入框,prop为passwordProp,字段名称为password,即使输入字段也会校验不通过<template><Formref="formRef":model="formInline":rules="ruleInline"inline><FormItemprop=&qu......
  • drf之请求,drf 之响应,drf之响应格式,两个视图基类,基于GenericAPIView,5个视图扩展类
    drf之请求1.1之请求Request类#data#query_params#用起来跟之前一样了解: request._request视图类的方法中:self是咱们写的视图类的对象,self.request是新的request,self.request是一个HttpRequest对象,它提供了许多属性和方法来访问和处理请求的信息.1.2......
  • drf请求和响应、GenericAPIView封装、5个视图扩展类
    一、drf之请求1、drf之请求Request类视图类继承APIView后多了-0去除了csrf认证-1新的request-request.data-request.query_params-request.其他跟之前一样-request._request是老的-2三大认证-3全局异常2、控制前端请求的编码格式fromrest_fra......
  • Unity UGUI的Dropdown(下拉菜单)组件的介绍及使用
    UnityUGUI的Dropdown(下拉菜单)组件的介绍及使用1.什么是Dropdown组件?Dropdown(下拉菜单)是UnityUGUI中的一个常用组件,用于在用户点击或选择时显示一个下拉菜单,提供多个选项供用户选择。2.Dropdown组件的工作原理Dropdown组件由两部分组成:一个可点击的按钮和一个下拉菜单。当......
  • CBV、APIView源码分析
    一、CBV源码分析1、功能需求基于类的视图--->使用类编写--->在类中写跟请求方式(methon)同名的方法--->路由配置类名.as_view()前端的请求过来,什么请求,就会执行跟请求方式同名的方法2、执行流程路由匹配成功--->配置在路由上的第二个参:执行函数内存地址自动加(request......
  • iview Cascader loadData Vue
    <template><div><Carddis-hover><divclass="page-body"><Formref="queryForm":label-width="90"label-position="left"inline>......