引入方法:
<!--引入 element-ui 的样式,-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- import Vue before Element -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
使用:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--引入 element-ui 的样式,-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- import Vue before Element -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<div id="picker">
<el-date-picker v-model="value1" type="datetime" placeholder="选择日期时间">
</el-date-picker>
</div>
</body>
<script>
new Vue({
el:"#picker",
data() {
return {
value1:""
}
}
})
</script>
</html>
遇到的问题:
在引入elementui控件时,比如DateTimePicker,出现如下图所示。并报Maximum call stack size exceeded
问题原因:引入的vue文件不是最新的,解决方法:去官网引用最新版的vue.js