在iview table中 怎样限制table中的td宽高

理解table如何嵌套input、select首先要理解vue的可鉯参考:当然,不理解直接Ctrl + C也是可以使用的 ^_^

 1             {
 

由文档得知table组件提供一个api:render函数,可以自定义渲染当前列包括渲染自定义组件,它基于 Vue 的 Render 函数

props:设置创建的标签对象的属性

style:设置创建的标签对象的样式

on:为创建的标签绑定事件

所以代码中的render函數,即创建的一个div中包裹一个button按钮同时给button设置了相关属性和绑定事件 

那么如下图又该如何实现呢:

值得注意的是,1、on是table的触发事件不昰table内嵌套组件的触发事件,2、对于select组件通过map函数就可以代替v-for的渲染(注:如果数据中的value值为空,select将不被渲染)

}

我要回帖

更多关于 iview table 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信