亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

v-bind綁定的參數名不能用駝峰嗎?用了駝峰好像就不是<li>標簽里的文本了,而是li標簽里的一個屬性

<body>

<div id="root">

<ul>

<todo-item

v-for="it in lists"

v-bind:todoContent="it"

>

</todo-item>

</ul>

</div>

<script>

Vue.component('todo-item',{

props: ['todoContent'],

template: '<li>{{todoContent}}</li>'

})

new Vue({

el: "#root",

data: {

lists: ['123','123','423','1415']

},

methods: {

change: function() {

this.content = "hello change";

this.show = !this.show;

},

openli: function() {

this.subListOpen = !this.subListOpen;

?

}

}

})

</script>

</body>

https://img1.sycdn.imooc.com//5c80d8180001f51d09600234.jpg


正在回答

2 回答

是的,不能用大寫,也不能用‘-’連接

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

剛剛看了下官方文檔,明白了:因為html是不區分大小寫的,v-bind:綁定的其實是todocontent,然而在組件里是js語法區分大小寫,參數名是todoContent,所以接收不到參數

https://img1.sycdn.imooc.com//5c80e0cc0001bc5b12070396.jpg

這樣就行了

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

v-bind綁定的參數名不能用駝峰嗎?用了駝峰好像就不是<li>標簽里的文本了,而是li標簽里的一個屬性

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號