如何在 vue.js 中实现鼠标 hover(悬停)改变 background-color

vue.js 事件处理

用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。

代码如下:

Hover over me!
var demo = new Vue({ el: '#demo', data: { active: '' }, methods: { mouseOver: function(){ this.active = 'background-color: #cccccc'; }, mouseLeave: function () { this.active = ''; }, } });

你可能感兴趣的:(vue.js)