Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
614 views
in Technique[技术] by (71.8m points)

通过cdn引入 nutui 或 vant 的组件,未使用webpack的情况下,组件的prop设置无效,为什么?


<div id="app>

 <nut-navbar :leftShow="true" :rightShow="false" ref="bar">标题</nut-navbar>
 
 </div>
 
 <script>
 new Vue({
    el:"#app",
    data:{
    
    }
 })
 </script>
 

比如这里的 rightShow 设置为 false 了,但实际后发现这个值并没有生效。

vant 中的组件拿过来也有类似的情况,prop 设置无效;但我自己用 Vue.component()注册的组件却不会出现这种情况。
请问为什么呢?
怎样解决?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

prop用短横线<nut-navbar :left-show="true" :right-show="false" ref="bar">标题</nut-navbar>;DOM不区分大小写,不走webpack和模板字符串就需要使用短横线风格
Prop 名大小写


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...