docs: .md说明文档更新

This commit is contained in:
jstao 2022-04-14 14:19:19 +08:00
parent f988dfb0c4
commit aa7dafc8f3

View File

@ -457,6 +457,29 @@ export default {
}
}
```
上面的批量全局注册公共组件在本地启动中正常但是上生产打包后会有问题具体是__file该组件路径找不到可以修改成如下代码
``` js
const modules = import.meta.globEager('../components/*.vue')
export default {
install(app) {
Object.keys(modules).forEach(componentPath => {
// 获取遍历的当前组件实例对象
let curComponent = modules[componentPath]?.default
app.component(curComponent.name, curComponent);
})
}
}
```
### 注意:
由于sfc语法糖没有携带组件的name属性上面的curComponent.name会报curComponent下没有name属性此时需要在注册的公共组件中加上如下代码比如在src/components/CustomHeader.vue中加上如下代码这样组件的实例对象中就会有name属性
![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9dc96c132b3642628c1a8cbb84d6c865~tplv-k3u1fbpfcp-watermark.image?)
## 关于我