Как для мобильной версии разрешать перетаскивание только когда взаимодействуем со спаном?

Question

[oksanatkachik094]

сейчас для размера экрана меньше 767 и больше меняется порядок элементов
но для размера экрана меньше 767 нужно разрешать перетаскивание только когда взаимодествуем со спаном
тоесть с элементом с классом image ( а не со всей областью итема)

https://codepen.io/Olya097/pen/JjLjorK

Answer 1

[0xD34F]

data: () => ({
  handle: null,
  ...
}),
mounted() {
  const mql = matchMedia('(max-width: 768px)');
  const onChange = () => this.handle = mql.matches ? '.image' : null;
  onChange();
  mql.addEventListener('change', onChange);
  this.$on('hook:beforeDestroy', () => mql.removeEventListener('change', onChange));
},

<draggable
  :options="{ handle, ... }"
  ...
>

Comments

[oksanatkachik094]

0xD34F, не подскажете как на вью? ругается на hook:beforeDestroy

[0xD34F]

oksanatkachik094, что "на vue"? Ничего не ругается, не выдумывайте, всё работает.