Checkbox List rendering from multiselect dropdown: [Vue warn]: Property "customItemRender" was accessed during render but is not defined on instance.

[gunasundari]

Hi Team,

          I was tried to custom render from Multiselect dropdown as a checkboxlist but while rendering I am getting the [Vue Warn]. Could you please help me to resolve the issue and help me out to get the checkbox list instead of multielect dropdown in the UI. Also please suggest the best practice to deal with this implementation. 

I have added the screenshot what I have tried with customItemRender method. Please guide me to achieve what I have tried for.

 

Thanks In advance.

Thanks

Gunasundari

[Filip]

Hi, gunasundari,

Based on the provided information I understand that your requirement is to render checkboxes for the MultiSelect items is that correct? If this is the case, using the itemRender is indeed the suggested approach. I have prepared an example that showcases how to render checkobxes here:

• https://stackblitz.com/edit/bknfwx-pigbdqsq?file=src%2Fmain.vue

However I was not able to reproduce the warning visible in the screenshots. In case the issue persists and the example is not enough for you to transfer the logic to the real-world app, can you please modify the example above so that it matches your implementation? This will allow me to debug it locally and look for another solution.

Regards,
Filip