(vue)Dropdown的使用：操作按钮汇总

// 1.html
<template slot-scope="{ row }" slot="operation"><Dropdown @on-click="dropdownClick($event, row)" trigger="click"><div class="dropdown-button"><span>选择</span><Icon type="ios-arrow-down"></Icon></div><DropdownMenu slot="list"><DropdownItem name="修改">修改</DropdownItem><DropdownItem name="删除">删除</DropdownItem></DropdownMenu></Dropdown></template>data(){return {//表格columns: [{title: "操作",slot: "operation",align: "center",width: 150,},]}
}// 2.方法
dropdownClick(val, row) {if (val == "修改") {this.editSimilarrow(row);  // 修改方法} else {this.delSimilarrow(row);  // 删除方法}
},

效果：

(vue)Dropdown的使用：操作按钮汇总相关推荐

Vue 组件间通信方法汇总
Vue 组件间通信方法汇总 ⭐️ 更多前端技术和知识点,搜索订阅号 JS 菌订阅除了使用 Vuex 方法外,vue 提供了各种各样的组件间通信的方案.文章整理一下父子组件.兄弟组件.祖先后代组件间 ...
Vue.js经典开源项目汇总
Vue.js经典开源项目汇总 Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计 ...
Vue常用经典开源项目汇总参考-海量
Vue常用经典开源项目汇总参考-海量 Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的 ...
vue、Dropdown 下拉菜单、Dropdown属性事件、vue Dropdown 全部下拉菜单、vue Dropdown 全部属性事件
vue.Dropdown 下拉菜单.Dropdown属性事件.vue Dropdown 全部下拉菜单.vue Dropdown 全部属性事件设计规则何时使用代码演示 1.基本 2.右键菜单 3. ...
【前端】Vue.js经典开源项目汇总
Vue.js经典开源项目汇总原文链接:http://www.cnblogs.com/huyong/p/6517949.html Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) ...
Vue 所有实用插件集合汇总
Vue 所有实用插件集合汇总框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 ...
vue面试题，知识点汇总(有答案)
一. Vue核心小知识点 1.vue中 key 值的作用 key 的特殊属性主要用在 Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes.如果不使用key,Vue会使用一种最大限度减少动态 ...
vue经验 - 细节小知识点汇总（更新中...）
1. $refs 数据这么绑定的: 然后在created中抛出来,猜猜看看打印的是两个什么? 结果如下: 第一个跑出来了,第二个,却undefiend,没有东西?!... 后来去官网查看$refs的解 ...
vue项目白屏问题汇总，多方案详细解决
来了,兄弟,别急,咱们慢慢往下看. 项目打包之后,本地打开文件显示白屏了? 微信公众号里打开项目白屏了? 苹果手机打开白屏了? 死活都有部分iPhone机型是白屏显示的? 兄弟,别急,咱们走起-- 1 ...

(vue)Dropdown的使用：操作按钮汇总

(vue)Dropdown的使用：操作按钮汇总

(vue)Dropdown的使用：操作按钮汇总相关推荐

最新文章

热门文章