課程
/前端開發
/Vue.js
/vue2.5入門
懸停的位置顯示了title的具體內容,但是點擊之后鼠標不動不顯示 請問這是什么原因導致的? F12沒提示報錯,使用的是谷歌瀏覽器,求解答,謝謝~
2018-06-12
源自：vue2.5入門 2-4
正在回答
鼠標要動完之后 停下來不動才會顯示
如果是顯示出懸停內容后，點擊之后懸停的內容消失，如果不動鼠標是不會觸發懸停的
估計是代碼沒寫對吧，試試這個
<!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>
舉報
快速理解Vue編程理念上手Vue2.0開發。
2 回答v-for中為什么要綁定key屬性
4 回答v-model 怎么知道雙向綁定的是input的哪個屬性，為什么知道會綁定value屬性？
4 回答沒有綁定，點擊bbb沒有出現"this is beauty"，用的subline Text3
4 回答使用v-bind后沒有綁定
1 回答v-bind：title="title"綁定之后，鼠標放上去沒有反應
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-05-31
鼠標要動完之后 停下來不動才會顯示
如果是顯示出懸停內容后，點擊之后懸停的內容消失，如果不動鼠標是不會觸發懸停的
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>