關於vue初始化的問題

<style>
    li{list-style:none;display: inline-block;padding:10px;}
    .gradient{background:grey;}
    .active{background:red;}

    </style>
    <script src="vue.js"></script>

    
    <script>
        window.onload = function(){
            var menuBar = new Vue({
    el:'#menu',
    data:{
        choices:[
            {selected:'搜店'},
            {selected:'地址'},
            {selected:'优惠券'},
            {selected:'全文'},
            {selected:'视频'}
        ],
        activeMenu:''
    },
    methods:{
        activeBar:function(item){
        
        this.activeMenu = item
    }
}
});

        }
    </script>
<ul class="menu" id="menu">
             <li class="gradient" v-for="item in choices" v-on:click="activeBar(item)" :class="{active: activeMenu == item}" >{{item.selected}}</li> 

我想初始化第一個li是active,是用v-if判斷嗎還是?

阅读 2k
1 个回答
//考虑这样
choices:[
            {selected:'搜店',active:true},
            {selected:'地址',active:false},
            {selected:'优惠券',active:false},
            {selected:'全文',active:false},
            {selected:'视频',active:false}
        ]
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题