Vue中组件失效问题
1.Vue中组件失效问题如果检查发现没问题时,查看下组件命名是否含有大写,不合理的组件名可能导致我们无法去引用它。我的代码如下Vue.component('compensateEstable', {template:'#compensateEstable',data: function() {return {...
·
如果检查发现没问题时,查看下组件命名是否含有大写,不合理的组件名可能导致我们无法去引用它。
我的代码如下
Vue.component('compensateEstable', {
template:'#compensateEstable',
data: function() {
return {
compensateEsParam: $strCompensateParams
}
}
})
html:
<div>
<compensateEstable></compensateEstable>
</div>
经过检查,发现html中它会将该标签转换为小写<compensateestable></compensateestable>
这就很尴尬,改一下吧,找了半天,,<compensate-es-table></compensate-es-table>
HTML标签不区分大小写,生成的所有标签名都会转换为小写。
通过标签名寻找自定义组件,顺序从高到低为:原标签名、驼峰的标签名、PascalCase化的标签名。 my-component、myComponent、MyComponent。
更多推荐
已为社区贡献1条内容
所有评论(0)