geometria
@geometria

Как отобразить v-if div, взяв за условие значение из объекта на странице?

На одной из страниц сайта есть див, значение в котором равно 92. Как отобразить header если условие верно?

<template>
 <div class="container">

<div v-if="app_id === 92" style="border: solid 1px green; height:20px;">
<VmHeader></VmHeader>
</div>

  </div>
</template>

<script>
import VmHeader from './header/Header';
var app_id = document.getElementById("app_id").innerHTML;

  export default 
  {

components: {
VmHeader
}, 

data() {
   return {
app_id: null,
     } 
}, 
    
}
</script>
  • Вопрос задан
  • 76 просмотров
Решения вопроса 3
Kozack
@Kozack Куратор тега JavaScript
data() {
   return {
app_id: null,
     } 
}, 

mounted() {
this.app_id = document.getElementById("app_id").innerHTML;
}


<div v-if="app_id === '92'" style="border: solid 1px green; height:20px;">
<VmHeader></VmHeader>
</div>
Ответ написан
Aetae
@Aetae
Тлен
Т.е. vue у вас впердюлено на обычную страницу?

Ну, например, как-то так:
mounted() {
  this.app_id = +document.getElementById("app_id").innerHTML;
}
Ответ написан
0xD34F
@0xD34F Куратор тега JavaScript
<div v-if="showHeader">

data: () => ({
  showHeader: +document.querySelector('#app_id').innerHTML === 92,
}),
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
yarkov
@yarkov Куратор тега JavaScript
https://github.com/yarkovaleksei/toster-extension
app_id: +app_id
Ответ написан
Ваш ответ на вопрос

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

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