基于Vue实现timepicker

background: hasSelected ? 'rgb(0, 188, 212)' : 'rgba(255, 255, 255, 0)',
color: !hasSelected ? '#2c3e50' : '#FFF'
}
return styleObj;
}
}

最后就是把选好的数值传回给父组件啦。

//关闭timepicker
closePicker: function() {
 app.$emit('closeTimePicker');
},
 //获取时间
getTime: function() {
 app.$emit('getTime',this.fixHour(this.hour),this.fixMinutes(this.minutes));
 app.$emit('closeTimePicker');
}

v-if和v-show

v-show只是改变每次的display，而v-if如果为true才渲染到页面，所以每次隐藏显示都重新渲染一遍。我觉得。。。如果实际中，经常要开开关关的就用v-show就好了，但是用来v-show我发现不能根据选中的是时还是分来展现数值，很奇怪，v-if就可以。刚开始觉得是初始化问题，但是，既然hour和minute能根据props传下来再data转化，为啥mode就不行呢？没想明白。

在线demo：http://jsbin.com/dumace/2/edit?html,js,output