今天发现了name有一个非常重要的作用,封装组件的时候遇到了一个问题,上传头像的组件中有一个裁剪图片的组件,但是同事对这个裁剪图片的组件进行了重新封装将他的name改了,但是他的样式里还用到了name,这里没做修改,以至于我用到裁剪组件的时候出现了问题,下面就上代码说明吧:
本来要实现的样子是这样的
但是实际上展示的却是这样的
控制台也没有报任何错误,到底是哪里的问题呢?我对这块研究了好半天,最后还是在同事的帮助下才发现是由于name的原因,这里定义的是name:DtCropper,但是在下边的样式引用的时候却是Cropper,导致样式无法正常显示才出现了这样的问题
将这两个地方保持一致就可以正常使用,显示裁剪框了!