<span class="remove_title" :style="{ 'left': Remove_title}"></span>
computed:{
Remove_title: function(){
while(var i = 0;i<100){
var count = i++;
var rez = count +'%';
return rez;
}
}
}
<ul class="header_navmenu" id="header">
<li class="nav_menu-item"
v-for="menu_item in menuItems"
:class="{ opacity_deactivated: menu_item.isActive }">
<a v-bind:href="menu_item.url" target="_blank">{{ menu_item.name }}</a></li>
</ul>
var app = new Vue({
el: '#header',
data:{
menuItems:[
{
url:'#',
name:'Блог',
isActive: true
},
{
url:'#',
name:'Обо мне',
isActive: true
},
{
url:'#',
name:'Навыки',
isActive: true
},
{
url:'#',
name:'Блог',
isActive: true
},
{
url:'#',
name:'Услуги',
isActive: true
},
{
url:'#',
name:'Портфолио',
isActive: true
},
{
url:'#',
name:'Контакты',
isActive: true
}
]
},
methods:{
activated: function(){
this.menuItems.forEach
}
}
})