Здравствуйте, подскажите как сделать что бы при изменении ширины блока

Question

Здравствуйте, подскажите как сделать что бы при изменении ширины блока

она обновлялась? Пока что срабатывает только вначале, а при изменении ширины блока не изменяется патом уже:

data(){
return{
watcher: null
}
},
watch:{
watcher(currentValue, oldValue){
console.log(currentValue +' '+ oldValue)
}
},
mounted(){
this.watcher = window.getComputedStyle(this.$refs.localWrapperX).width
}

#programming #russian #vue.js

0

29.06.2022

10 ответов

34 просмотра

Maxim Bezrukov

а как ты себе представляешь что это будет работать? Vue ничего не знает про изменения из вне

0

29.06.2022

Артем 🇺🇦 Бондаренко

Ну вам нужно в момент изменения функцию дергать. Например заресайзил юзверь экран - вы функцию и вызвали

0

29.06.2022

Vitalijs Lavrinovics Автор вопроса

Артем 🇺🇦 Бондаренко
Ну вам нужно в момент изменения функцию дергать. Н...

Я пробовал computed подключать к этому всему, но не особо получилось.

0

29.06.2022

Артем 🇺🇦 Бондаренко

Vitalijs Lavrinovics
Я пробовал computed подключать к этому всему, но н...

Вам не нужно вычисляемое свойство. Вот есть у вас событие ресайза и вы такие: window.addEventListener( "resize", () => { this.myFunc(); }, );

0

29.06.2022

Артем 🇺🇦 Бондаренко

Vitalijs Lavrinovics
Я пробовал computed подключать к этому всему, но н...

Если размер блока может менятся еще при каких-то кейсах, то вы 100% можете поймать нужное событие

0

29.06.2022

Vitalijs Lavrinovics Автор вопроса

Артем 🇺🇦 Бондаренко
Если размер блока может менятся еще при каких-то к...

Выглядит что не разберусь я пока что с этим так.

0

29.06.2022

Артем 🇺🇦 Бондаренко

Vitalijs Lavrinovics
Выглядит что не разберусь я пока что с этим так.

Вот если б у вас было <div :style=«windth: `${myWidth}px`»> тогда был бы компьютед

0

29.06.2022

Артем 🇺🇦 Бондаренко

Vitalijs Lavrinovics
Выглядит что не разберусь я пока что с этим так.

Та нечего сложного. Что должен делать пользователь чтоб размер блока менялся вы понимаете?

0

29.06.2022

Vitalijs Lavrinovics Автор вопроса

Артем 🇺🇦 Бондаренко
Та нечего сложного. Что должен делать пользователь...

Я не хочу ограничиваться window resize т.к. ширину и высоту блоков тоже интересует так сказать динамически вычислять, но пока что идея была при window resize показывать текущее width div блока.

0

29.06.2022

Артем 🇺🇦 Бондаренко · Accepted Answer

Артем 🇺🇦 Бондаренко

А в каких кейсах у вас может менятся ширина?

0

29.06.2022

169 похожих чатов

Здравствуйте, подскажите как сделать что бы при изменении ширины блока

10 ответов

Похожие вопросы