关于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])
}