Vuejs实现列表选中效果

//html
选择你最喜欢的爱好：
      
 


//js
new Vue({
  el: "#app",data: {
    gameNames: ['看书','听歌','游泳','健身','看电影','旅游'],activeName: ''
  },methods: {
    selected: function(gameName) {
      this.activeName = gameName
    }
  }
})
//css样式
.active{
  color:red;
}
.collection-item{
  border:1px solid #dadada;
  padding:10px 2px;
  width:98px;
  margin-bottom:5px;
  text-align:center;
}

在线查看效果 https://jsfiddle.net/fozero/npxo3ryq/1/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!