属性绑定之后点击悬停偶尔没效果
悬停的位置显示了title的具体内容,但是点击之后鼠标不动不显示 请问这是什么原因导致的? F12没提示报错,使用的是谷歌浏览器,求解答,谢谢~
悬停的位置显示了title的具体内容,但是点击之后鼠标不动不显示 请问这是什么原因导致的? F12没提示报错,使用的是谷歌浏览器,求解答,谢谢~
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>
<!-- 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>
举报