html项目引入element-ui和vue
场景是需要做一个内网的后端,不能访问外网,所以需要本地引用element-ui和vue
之后在你的html页面中可以任意的使用element-ui组件了,包括一些element-ui的图标等
这就需要我们把vue和element-ui下载到本地了。
下载地址 vue.js: https://cdn.jsdelivr.net/npm/vue/dist/vue.js
element.js: https://unpkg.com/element-ui@2.15.7/lib/index.js
element.css: https://unpkg.com/element-ui@2.15.7/lib/theme-chalk/index.css
我是粘贴复制到本地的,注意element-ui使用的是2.15.7版本的。
html中引用
查询 查询结果
到了这里你会发现element的基础样式可以使用,但是icon会显示不出来。那是因为你的css文件没有连接到icon的文件中,那我们还需要下载两个文件,
附上下载连接:两个都要下载
https://unpkg.com/browse/element-ui@2.10.1/lib/theme-chalk/fonts/
放到css下的fonts目录中。
我的项目目录
参考文章: https://www.cnblogs.com/tdcqcrtd/p/12766715.html