html代码:
<div v-random-color style='width:100px;height:100px;background-color:red;position:absolute;'></div>
script代码:
// vue自定义指令,点击可以让元素随机换色
Vue.directive('randomColor', function(){
this.el.onclick = function(){
this.style.backgroundColor = 'rgb(' + parseInt(Math.random() * 256) + ',' + parseInt(Math.random() * 256) + ',' + parseInt(Math.random() * 256) +')';
}
});