vue drag resize plugin по touch разрешить переход по ссылке

100
22 сентября 2021, 03:20

Есть небольшой проект с vue-drag-resize плагином:

codesandbox.io

<VueDragResize class="red" :isActive="true" :isResizable="false" :isDraggable="isDraggable">
  <h3><a href="https://www.google.com/" target="_blank">Hello World!</a></h3>
</VueDragResize>

Click по ссылке срабатывает, а вот touch - нет!

Question: Как разрешить переход по ссылке, когда драг не активирован?!

Answer 1
<template>
  <div id="app">
    <button v-on:click="isDraggable = !isDraggable">
      <span v-if="isDraggable">Close</span>
      <span v-if="!isDraggable">Open</span>
    </button>
    <VueDragResize   class="red" :isActive="true" :isResizable="false" :isDraggable="isDraggable">
      <h3><a  @touchstart="setTime"  @touchend="goTo" href="https://www.google.com/" target="_blank">Hello World!</a></h3>
    </VueDragResize>
  </div>
</template>
<script>
import VueDragResize from "vue-drag-resize";
export default {
  name: "App",
  components: {
    VueDragResize
  },
  data() {
    return {
      isDraggable: false,
      index: false,
    };
  },
  methods: {
    setTime(){
      this.index = new Date().getTime();
    },
    goTo(e){
      const time = new Date().getTime();
      const b = time - this.index;
      if (b > 200){
        this.index = 0;
        return;
      }
      const href = e.target.href;
      if(href){
       window.open(href)
      }
    }
  }
};
</script>

По какой причине не совершается переход, я ответить затрудняюсь. Скорее всего, это связапно с внутреней реализацией плагина

READ ALSO
Как изменить параметры svg с помощью Jquery?

Как изменить параметры svg с помощью Jquery?

Можно ли сделать так, что бы при определенных условиях подключенный svg файл поворачивался на 90 градусов с помощью Jquery? Svg подключен через objectЯ...

243
функции в чистом JavaScript не видят глобальные переменные

функции в чистом JavaScript не видят глобальные переменные

На курсах задали сделать анимациюУ меня есть по классике три файлика html, сss и js

138
Про innerHTML в javaScript [дубликат]

Про innerHTML в javaScript [дубликат]

У меня этот скрипт работает:

184