赣县企业网站建设,用dw做网站的基本步骤,育才网站建设,网络建设专业石家庄如果大家使用这个vue 配合 element 框架不熟练#xff0c;当你顺利按照文档安装好 vue 和 element 的时候想要使用element 的组件时候确无法展示出来#xff0c;甚至报错。不妨看看是不是这个问题#xff0c;
1.首先使用element 的时候#xff0c;前提是把必须要的 elemen…如果大家使用这个vue 配合 element 框架不熟练当你顺利按照文档安装好 vue 和 element 的时候想要使用element 的组件时候确无法展示出来甚至报错。不妨看看是不是这个问题
1.首先使用element 的时候前提是把必须要的 element 组件通过 yarm 或者 npm 安装一下。 2.安装的命令是 npm -i element --save 针对 vue2 npm -i element-plus --save(vue3). 3.安装的时候会比较漫长安装好后 会告诉你花费多少秒安装了多少个包的提示如图。 4.安装好后就可以导入这个组建了在 main.js或者 main.ts里一定要导入
import ElementPlus from element-plus //全局引入
import element-plus/dist/index.css 这俩一个是组件一个是样式缺一不可在 main 里安装是全局引用对懒人比较 友好我比较喜欢也有按需应用 自己找找教程吧
5.然后在 app.vue或者自己创建一个组件然后去使用这个官网文档里的组件 直接复制代码即可。 比如代码
templateel-button我是 ElButton/el-button
/template
scriptimport { ElButton } from element-plusexport default {components: { ElButton },}
/script到这就结束了如何使用 element 组件了一定要按着这个步骤否则就会有编译错误 ERROR Failed to compile with 1 error 或者是不显示组件样式等等。。
