對於element-ui的使用，官網給了這么一個例子：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> </head> <body> <div id="app"> <el-button @click="visible = true">Button</el-button> <el-dialog :visible.sync="visible" title="Hello world"> <p>Try Element</p> </el-dialog> </div> </body> <!-- import Vue before Element --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <!-- import JavaScript --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <script> new Vue({ el: '#app', data: function() { return { visible: false } } }) </script> </html>
如果想要本地使用，就需要把通過CDN方式引入的文件下載到本地，即把上邊高亮的網址鏈接內容直接另存為本地文件，然后替換為本地地址。
替換完成后會出現圖標無法顯示的問題。這個問題很多博客已經指出就是缺少下邊那兩個文件（在index.css中引入的）。
@font-face{ font-family:element-icons; src:url(fonts/element-icons.woff) format("woff"), url(fonts/element-icons.ttf) format("truetype");
出於好心很多博客貼出了下載地址，這時就遇到了另一個坑，版本問題，導致下載了還是無法使用。所以我們要去官網給的地址去下載。就是下邊那兩個文件：
點進去，然后View Raw下載就好了。兩個文件放到之前下載的index.css同級目錄，新建一個fonts文件夾里，這樣什么都不用修改就可以。
就像這樣：
后話：如果你看過了CSDN的答案，解決的其實就是一個版本問題。如果你不幸先搜到了知乎的答案，我還可以為你洗洗眼睛。