search

KNXCloud / lowcode-engine-vue

Lowcode engine renderer and simulator for vue
MIT License
356 stars 76 forks source link

vue插槽渲染组件中使用this获取插槽传过来的值不生效 #62

Closed DemoHA closed 1 year ago

DemoHA commented 1 year ago

image image 我使用的是antd-vue组件库生成的物料，在设置table的expandedRowRender属性时，使用slot,拖进去一个成功提示的组件，然后自定义成功提示组件的描述性息和警告提示内容变量，使用的是slot传值过来的record和index属性，通过this.record和this.index获取，但是不生效

keuby commented 1 year ago

vue3 会将插槽编译成一个函数，这边的插槽参数是函数的参数名称，数组的列表是参数列表。Slot 传入的 record, index 等属性应该都是第一个参数的属性，可以考虑这样设置

{
  componentName: 'SlotSetter',
  initialValue: {
    params: ['data']
  }
}
this.data.record;
this.data.index;
lyllovelemon commented 1 year ago

vue3 会将插槽编译成一个函数，这边的插槽参数是函数的参数名称，数组的列表是参数列表。Slot 传入的 record, index 等属性应该都是第一个参数的属性，可以考虑这样设置

{
  componentName: 'SlotSetter',
  initialValue: {
    params: ['data']
  }
}
this.data.record;
this.data.index;

design模式（画布模式）正常展示（已解决） image

live模式（预览模式）报错 image