Interaction #

Vue Flow provides options to interact and limit interaction with the viewport and graph. This includes enabling/disabling zoom-scroll, pan-scroll, dragging etc.

In the sandbox below you can find an example showing you how to toggle interaction options.

<script setup>

import { ref } from 'vue'

​

const msg = ref('Hello World!')

</script>

​

<template>

  <h1>{{ msg }}</h1>

  <input v-model="msg">

</template>