vue的iview表格自定义模板

  • 2018-06-19
  • 0
  • 0

最近在做后台管理系统,关于后台管理系统的UI库,这里推荐iview,组件比element丰富一点,个人觉得iview写后台管理系统还不错
现在有个这样的需求,如图,表格里,只有点击蓝色字体才有事件,而表格自带的回调事件是针对行点击,这时候就需要用到render函数来自定义模板

render 函数传入两个参数,第一个是 h,第二个是对象,包含 row、column 和 index,分别指当前单元格数据,当前列数据,当前是第几行。

{
  title: "软件版本",
  key: "version",
  className: "active",
  render: (h, params) => {
    return h("span", [
      h("a", {
        on: {
          click: () => {
            localStorage.setItem("versionId", params.row.versionId);
            this.$router.push('/admin/versionDetails');
          }
       }
    }, params.row.version)
  ]);
 }
}

评论

还没有任何评论,你来说两句吧