How to automatically convert ChipsInput to Array of Chips

bernspe pro premium priority commented 7 months ago

Ok, so if I have this function for the paste event:

function pasteDiagnoses(e: ClipboardEvent) { var clipboardData, pastedData;

// Stop data actually being pasted into div e.stopPropagation(); e.preventDefault();

// Get pasted data via clipboard API clipboardData = e.clipboardData pastedData = clipboardData?.getData('Text');

let pArr = pastedData?.split(';').map(s=>s.trim()) if (pArr) diagnosesInput.value.push(...pArr) console.log(pArr) }

diagnosesInput is my v-model of the ChipsInput. However, the Chips won't appear, although I can see them in the console...

Bartosz Cylwik staff commented 7 months ago

I have this snippet with example of chipsInput reactivity. Maybe it would be helpful to you: https://mdbootstrap.com/snippets/vue/b-cylwik/6062555#js-tab-view

bernspe pro premium priority commented 7 months ago

Thanks a lot. The v-model doesn't accept the push method. So I did it your way and it worked.