課程
/前端開發(fā)
/Vue.js
/vue2.5入門
懸停的位置顯示了title的具體內(nèi)容,但是點(diǎn)擊之后鼠標(biāo)不動不顯示 請問這是什么原因?qū)е碌? F12沒提示報錯,使用的是谷歌瀏覽器,求解答,謝謝~
2018-06-12
源自:vue2.5入門 2-4
正在回答
鼠標(biāo)要動完之后 停下來不動才會顯示
如果是顯示出懸停內(nèi)容后,點(diǎn)擊之后懸停的內(nèi)容消失,如果不動鼠標(biāo)是不會觸發(fā)懸停的
估計(jì)是代碼沒寫對吧,試試這個
<!DOCTYPE html><html><head><meta charset="UTF-8">?? ?<title>屬性綁定和雙向數(shù)據(jù)綁定</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>?? ??? ??? ??? ??? ??? ?<!-- 雙向數(shù)據(jù)綁定 -->?? ??? ?<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開發(fā)。
2 回答v-for中為什么要綁定key屬性
4 回答v-model 怎么知道雙向綁定的是input的哪個屬性,為什么知道會綁定value屬性?
4 回答沒有綁定,點(diǎn)擊bbb沒有出現(xiàn)"this is beauty",用的subline Text3
4 回答使用v-bind后沒有綁定
1 回答v-bind:title="title"綁定之后,鼠標(biāo)放上去沒有反應(yīng)
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2019-05-31
鼠標(biāo)要動完之后 停下來不動才會顯示
如果是顯示出懸停內(nèi)容后,點(diǎn)擊之后懸停的內(nèi)容消失,如果不動鼠標(biāo)是不會觸發(fā)懸停的
2018-06-12
估計(jì)是代碼沒寫對吧,試試這個
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
?? ?<title>屬性綁定和雙向數(shù)據(jù)綁定</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>
?? ??? ?
?? ??? ?
?? ??? ?<!-- 雙向數(shù)據(jù)綁定 -->
?? ??? ?<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>