avue2中自定义列表头无效，替代方法

闫焕俊

已于 2024-08-22 15:30:30 修改

阅读量58

点赞数

文章标签： vue.js javascript 前端

于 2024-08-22 15:29:11 首次发布

本文链接：https://blog.csdn.net/weixin_40827281/article/details/141429501

版权

 {

            label: "表头名",

            prop: "ree",

            slot:true,

            renderHeader: (h, { column, $index }) => {

              return h("div", {

                style:'width: 100%; display: flex; align-items: center;'

              },[

                h("div",{

                  style: 'flex-grow: 1; text-align: center;',

                },`要显示的表头`,

                ),

                h("el-input",{

                    style: 'color:#3ea6fb;width:100px;margin-left: auto;',

                    props: {

                      value: this.reevalue,

                      size: 'small'

                    },

                  on: {

                    input: (value) => {

                      this.reevalue = value

                    },

                    change: (value) => {

                      if(value){

                        this.reevalue = '+-' + value + '%'

                      }else{

                        this.reevalue = value

                      }

                    }  

                  },

                }),

              ]);

            },

          },