HTML中引入ElementUI沒有效果解決
阿新 • • 發佈：2020-12-02
一、前言
因為平時想寫一些小 demo 要用到 ElementUI 的樣式庫 但是重新跑一個 Vue 專案又太麻煩我就想像引入 VUE 一樣吧 ElementUI 也下下來來本地使用 但是就在我本地使用的時候 發現根本沒效果 百度半天也沒找到問題原因 最後通過百度到前提是要引入 VUE 慢慢摸索出來的 小白真難
二、解決
開始我是這樣引入的
head>
<meta charset="UTF-8">
<title>ElementUi</title>
<!-- 引入樣式 -->
<link rel="stylesheet" href="css/element-ui.css">
<script src="js/vue.min.js"></script>
<script src="js/elementjs.js"></script>
</head>
<body>
<el-button type="success">成功按鈕</el-button>
</body>中規中矩 但是死活沒效果
再此之前線上地址本地下載都是了就是不管用
最後最後我才理會為什麼是因為必須要引入 VUE 是因為這個要寫 template 模板裡面 一口老血
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ElementUi</title>
<!-- 引入樣式 -->
<link rel="stylesheet" href="css/element-ui.css">
<script src="js/vue.min.js"></script>
<script src="js/elementjs.js"></script>
</head>
<body>
<div id="app">
<el-button type="success">成功按鈕</el-button>
</div>
</body>
<script>
var vm = new Vue({
el: "#app",
data() {
return{
}
}
})
</script>
</html>
打工藁城！！！