为了账号安全,请及时绑定邮箱和手机立即绑定

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下载
官方微信