iview表格table中，如何添加Dropdown 下拉菜单

不多说，先看看效果把！

在iview中Table表格中有一个列描述数据对象（render），render是 columns 中的一项，自定义渲染列，使用 Vue 的 Render 函数。传入两个参数，第一个是 h，第二个为对象，包含 row、column 和 index，分别指当前行数据，当前列数据，当前行索引。

当然官网提供一个简单的使用方法： iView - A high quality UI Toolkit based on Vue.js

现在我们来实现，添加一个Dropdown 下拉菜单：

这里要注意下我描述的，1，2，3，4点，先不急，咱们先看下官网这个Dropdown组件

不难看出，讲一个组件写成render其实很简单，只需要写成这样

最后就是要注意下，绑定事件了，这里的on要写成nativeOn，才可以出发事件。

不知道  小伙伴看懂了原理吗？不明白就留言，我会及时回复你的。

1、首先创建ASP.NET MVC空项目，实际项目只需要4.0的Framework就可以使用NPOI组件了。

2、在Controllers文件夹下：添加HomeController文件。在Views文件夹下添加Index的页面。

3、在Models中添加一个类文件Student，用于承载List的类型数据。

4、在项目MVCNPOI上，点击鼠标右键，选择“管理 NuGet 程序包”。

5、在新出现的界面中，点击【浏览】，输入【NPOI】，选择搜索结果的第一项，再点击右侧的【安装】按钮，就可以将NPOI添加到项目中。

6、然后在HomeController中添加NPOI的引用，再添加一个Export方法，构造一个list数据，并使用NPOI组件将数据导出到excel。

7、在Index页面添加一个【导出Excel】按钮，并将导出按钮包含在form标签中，form标签指向HomeController中的export方法。

8、最后在VS中按F5调试模式运行页面，就完成了。

---