个回答

• Brian

  2019-05-08 11:18:50

  已采纳

  然后，还可以使用CSS中的:hover属性来实现鼠标移入改变背景属性，参考：CSS :hover 选择器

  0

• Brian

  2019-05-08 11:16:50

  这个使用mouseover, mouseleave事件，如下代码：

  HTML部分：

  <div id='app'>

      <div class="box"

           :class="{'active': active}"

           @mouseleave="()=>{this.active=false}"

           @mouseover="()=>{this.active=true}">

        hello world

    </div>

  </div>

  
  

  JS部分：

  var app = new Vue({

    el: '#app',

    data: {

      active: false

    }

  })

  
  

  CSS部分：

  .box {

    width: 100px;

    height: 100px;

    border: 1px solid black;

  }

  .active {

      background: red;

   }

  
  

  在线代码：https://codepen.io/kanlidy/pen/OYVqYK

  0

• qq_宠溺_03913139

  2019-05-08 17:16:44

  我把调试工具关掉就可以了，，一打开就没效果，，，，，，，

  0

• qq_宠溺_03913139

  2019-05-08 16:27:41

  还是有问题，，

  

  

  不是已经定义了吗，为啥会报错
  

  0

• qq_宠溺_03913139

  2019-05-08 15:57:01

  谢谢老师

  
  

  0