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，才可以出发事件。

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

先取得屏幕的分辨率，然后计算位置再赋值。

int代表的的单位是像素，这个位置通过相对位置或者比例位置来计算。

假如你获得了屏幕的宽高保明键笑存在 width和height中，那么你可以用 width／2，height／2得到屏幕的中心

同理，你可以得到任何的相对位置或绝对位置。

通常的做法是，针对不同的长宽比做两套坐标，然后根据实际的尺寸按比例缩放。

例如，针对320x480的分辨率写一套左边，那么针对960x640的同样适用，只需要亮如乘以2即可。这里的2就是缩放比例，只要长宽比相同，就可以简单地通用。

另外可以参考线性布局的思路，也就是从上到下，或者从左到右。具体过程相当与让你写一个xml的布局解析器。anbdroid的布局你应该很了解了吧。包括相对布局。你需要从代码的角度思考一下这些布局都是如何实现的激含，其实他们也都是通过一个布局解析器然后通过代码添加进来的。

---