Есть небольшой проект с 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: Как разрешить переход по ссылке, когда драг не активирован?!
<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>
По какой причине не совершается переход, я ответить затрудняюсь. Скорее всего, это связапно с внутреней реализацией плагина
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Можно ли сделать так, что бы при определенных условиях подключенный svg файл поворачивался на 90 градусов с помощью Jquery? Svg подключен через objectЯ...
На курсах задали сделать анимациюУ меня есть по классике три файлика html, сss и js