属性绑定之后点击悬停偶尔没效果
拾_
2018-06-12 16:04
悬停的位置显示了title的具体内容,但是点击之后鼠标不动不显示 请问这是什么原因导致的? F12没提示报错,使用的是谷歌浏览器,求解答,谢谢~
2回答
-
- 慕丝6283506
- 2019-05-31 10:04:39
鼠标要动完之后 停下来不动才会显示
如果是显示出悬停内容后，点击之后悬停的内容消失，如果不动鼠标是不会触发悬停的
-
- 慕的地7838724
- 2018-06-12 20:25:54
估计是代码没写对吧，试试这个
<!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>
<!-- v-bind:title 可以缩写为 :title -->
<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>
vue2.5入门
146179 学习 · 655 问题
相似问题