vue 项目使用iview如何做到table嵌套

1:首先看效果图
vue 项目使用iview如何做到table嵌套_第1张图片
2::这里是使用的table表单组件,组件里面有一个 expandRow 属性需要使用,所以需要引入,我是只有一个组件需要这个属性,所以直接在组件中引入

import expandRow from "../modal/expandRow.vue";

3:在根据render函数的方式使用

      columns1: [
        {
          type: "expand",
          width: "50px",
          render: (h, params) => {
            let list = params.row.train_data;
            return h(expandRow, {
              props: {
                row: list
              }
            });
          }
        },
        {

3.1这里官网也有说明
vue 项目使用iview如何做到table嵌套_第2张图片
4:这个时候你就需要在新建新的组件,并在当前项目中引入,我新建了expandRow组件
vue 项目使用iview如何做到table嵌套_第3张图片
5:在组件中写好自己需要的内容



                    
                    

你可能感兴趣的:(#ui库使用)