属性绑定之后点击悬停偶尔没效果

悬停的位置显示了title的具体内容,但是点击之后鼠标不动不显示请问这是什么原因导致的? F12没提示报错,使用的是谷歌浏览器,求解答,谢谢~

拾_

2018-06-12

源自：vue2.5入门 2-4

关注问题我要回答

938

操作

收起

2 回答

慕丝6283506
2019-05-31

鼠标要动完之后停下来不动才会显示

如果是显示出悬停内容后，点击之后悬停的内容消失，如果不动鼠标是不会触发悬停的

0 回复有任何疑惑可以回复我~

收起回答

慕的地7838724
2018-06-12

估计是代码没写对吧，试试这个

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
   <title>属性绑定和双向数据绑定</title>
   <script type="text/javascript" src="js/vue.js"></script>
</head>
<body>
   <div id="root">
       
       <div title="this is hello world">hello world</div>

       
       <div v-bind:title="title + ' boy'">nice to meet you</div>
       <input :value="content"/><br>


       
       <input v-model="content"/>
       <div>{{content}}</div>

   </div>
   <script type="text/javascript">
       new Vue({
           el: "#root",
           data:{
               title: "hello",
               content: "this is content"
           }
       })
   </script>
</body>
</html>