热门搜索 :
考研考公
您的当前位置:首页正文

iView的table的render函数

来源:东饰资讯网

关于iView框架中的table组件中的自定义组件

按照官网的写法,不只为何,字符串渲染后,无法被i-table组件渲染为html元素,最终以一坨字符串的形式在网页上呈现出来。

无奈之下,只能自己钻研render函数的用法,最终以如下的代码实现了功能,上代码:

//params 作为参数,用于记录对应行的内容和索引值

// 此处使用ES6的写法,主要是为了调用VM中的方法时更为方便

render:(h,params)=> {

                        // 分别创建两个元素(按钮)——删除按钮和编辑按钮

                        // h的全称为createElement,其对应的参数有三个①标签名 ②标签配置(可选)③标签内容

                        var bDelete = h('i-button',{

                        attrs: {

                            type:"text",

                             size:"small",

                        },

                        // 添加事件监听

                        on:{

                             // 调用VM的方法时,通过params 来传入对应的参数

                             click: ()=> {this.removeData(params.row, params.index)},

                        },

                        },'删除')

                        var bEdit = h('i-button',{

                        attrs: {

                            type:"text",

                             size:"small",

                        }

                        },'编辑')         

                        // 把多个元素渲染到div中

                        return h('div',[bDelete,bEdit])

            }

Top