理解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将不被渲染)
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。