Я использую vue-grid-layout для отображения панели инструментов.Я могу добавлять и удалять элементы сетки, нажимая / соединяя массив, который связан с директивой vue-grid-layout.Моя директива выдвижного ящика в данный момент генерирует событие, которое добавляет компонент в массив элементов.У gridItem есть кнопка X, которая генерирует событие, которое удаляет себя из массива элементов.
Я пытаюсь добавить функцию, с помощью которой пользователь может перетащить элемент из ящика и вручную поместить его насетка.Я думал о создании div-оболочки вокруг директивы vue-grid-layout.Затем свяжите курсор мыши, чтобы я мог получить координаты мыши по оси X / Y и попытаться перевести его в то, что будет понимать сетка.Я не уверен, как сделать это привязать к столбцам / строкам текущей сетки.
Должен ли я добавить некоторый элемент-заполнитель в этот массив элементов после обнаружения наведения мыши.Затем каким-то образом изменить фокус, чтобы пользователь продолжал перетаскивать его?