如果检查发现没问题时,查看下组件命名是否含有大写,不合理的组件名可能导致我们无法去引用它。
我的代码如下

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。

Logo

前往低代码交流专区

更多推荐