H5W3
当前位置:H5W3 > 问答 > 正文

通过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()注册的组件却不会出现这种情况。
请问为什么呢?
怎样解决?

回答

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

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

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址