vxe-table 中追加列并设置样式时 slots问题（如何使用v-html）

最新推荐文章于 2024-06-14 10:49:56 发布

aaajavac

最新推荐文章于 2024-06-14 10:49:56 发布

阅读量2.7k

点赞数

分类专栏： vue 文章标签： html 前端

本文链接：https://blog.csdn.net/aaajavac/article/details/122041800

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在template使用slot就不说了，直接使用v-html标签就行

如果需要动态增加列，并且要求每个数据需要根据进行换行显示，那应该怎么办？

vxe-table中有局部加载样例：https://xuliangzhan_admin.gitee.io/vxe-table/#/table/scroll/fullPartialLoad

但是并没有说明局部加载怎么设置slots,

fields_data.push({
              field: field,
              title: title,
              minWidth: 50,
              width: `${width || 150}`,
              visible: this.money_checked,
              showFooterOverflow: true,
              params: (params_field ? {field: params_field} : null),
              slots:{
                default: function ({row},h) {
                  return [
                    h('span', {
                      props:{
                        type: 'text',
                      },
                      domProps:{
                        innerHTML: _this.huanhang(row[field])
                      }
                    })
                  ]
                }
              }
            })

上面的代码就是如何动态增加列并设置slots return中其实就render函数