文章目錄
- 目錄結構
- 問題復現
- 解決辦法
目錄結構
|-web|- public|- lib|- ...|- index.html
index.html
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><!-- import CSS --><link rel="stylesheet" href="./public/lib/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="./public/lib/vue.js"></script>
<!-- import JavaScript -->
<script src="./public/lib/index.js"></script>
<script>new Vue({el: '#app',data: function() {return { visible: false }}})
</script>
</html>
問題復現
解決辦法
放到你的路徑下
https://github.com/ElementUI/theme-chalk/tree/master/src/fonts
vue路徑不一致需要修改路徑
