前端问题合集:Vue+ElementUI
1. Vue引用Element-UI时,组件无效果解决方案
前提:
- 已经安装好elementUI依赖
//安装依赖
npm install element-ui
//main.js中导入依赖并在全局中使用
import ElementUI from 'element-ui'
Vue.use(ElementUI)
如果此时发现element的组件依然没起效果,原因:未引入css样式文件
当前效果:
预期效果:
解决办法:在main.js中引入css文件
//引入element-ui所提供样式
import ElementUI from 'element-ui'
// element-ui所提供的css样式
import 'element-ui/lib/theme-chalk/index.css'
2. Vue引入components报错:export xxx not found
在pages文件夹的Register.vue页面中引入components下的RegisterLogo.vue报错:
export ‘xxx‘ was not found in ‘xxx‘或This relative module was not found:‘xxx‘
解决办法:
方法一:观察是否是组件名称、导入方式等错误文章来源:https://www.toymoban.com/news/detail-730046.html
- RegisterLogo.vue的export default中name字段是否能与Register.vue中的对应上
- 注意引入路径是否正确,引入时组件是否有在components字段中添加,使用时是否有带反斜线,引入RegisterLogo.vue时,是否有加花括号
方法二:将花括号去掉
文章来源地址https://www.toymoban.com/news/detail-730046.html
到了这里,关于Bug:elementUI样式不起作用、Vue引入组件报错not found等(Vue+ElementUI问题汇总)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!