iview table column中renderHeader是如何是实现传 h 进来的 ?
查看的table-head.vue 中调用 column的 renderHeader的方法,只传了两个参数 column、 $index, 可是为什么在iview提供的文档中确变成了不一样的参数 ( 第一个是 h,第二个为对象,包含 column 和 index,分别为当前列数据和当前列索引。)
求解
iview table column中renderHeader是如何是实现传 h 进来的 ?
查看的table-head.vue 中调用 column的 renderHeader的方法,只传了两个参数 column、 $index, 可是为什么在iview提供的文档中确变成了不一样的参数 ( 第一个是 h,第二个为对象,包含 column 和 index,分别为当前列数据和当前列索引。)
求解
vue 调用render 时候,传进来的,有些事情是框架做了
下面这样是不是好理解一点
class App {
render(h,arg){
h(arg.a,arg.b)
}
}
const add= (a,b)=>{
console.log(a+b)
}
let app = new App()
app.render(add,{
a:1,
b:2
})
从来没有用过iView 我看了一下iView文档,iView 的table 提供了两个自定义函数,一个render() 一个renderheader()
其中
render() 是用来自定义表格中列表项的自定义显示
renderheader() 是用来自定义表格中表头的自定义显示
这里的图标是render() 加上去的代码如下
render: (h, params) => {
return h('div', [
h('Icon', {
props: {
type: 'person'
}
}),
h('strong', params.row.name)
]);
},
这里两个图标是通过renderheader()加上去的
renderHeader:(h, params) => {
return h('div', [
h('Icon', {
props: {
type: 'alert'
}
}),
h('strong', params.column.title)
]);
},
完整代码:https://jsfiddle.net/papersna...
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答4.8k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
4 回答1.9k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答2.5k 阅读✓ 已解决
查看iview table .vue 源码,查看到了iview对此进行了封装。