@topi768

Почему при добавление переменно в style, она перестаёт обновляться?

при одном нажатии все работает и переменная zoom приравнивается к 2, но следующие попытки уменьшить/увеличить счетчик результата не дают. Причем, если убрать :style="{ transform: `scale(${zoom})` }", то все работает и zoom меняется как должен
<template>
  <button class="zoom-btn" @click="increment">+</button>
  {{ zoom }}
  <button class="zoom-btn" @click="decrement">-</button>
  <div class="map" :style="{ transform: `scale(${zoom})` }">
</div>
</template>
<script setup>

import { ref, onMounted } from "vue";
const zoom = ref(1);

function increment() {
  zoom.value++;
}

function decrement() {
  zoom.value--;
}
</script>
  • Вопрос задан
  • 77 просмотров
Решения вопроса 1
@drawnofmymind
Когда scale становится 2 он перекрывает твои кнопки.
Добавь для примера margin-top: 30px; для div
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы