cdn引入element,并使用element组件
引入
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
打印ELEMENT
console.log(ELEMENT)
控制台结果(只截取了一部分):
找到对应的方法或者对象就能使用element组件
使用
例1:使用message(消息提示)
ELEMENT.Message.error('错误提示'); //错误提示
ELEMENT.Message.warning('告警提示'); //告警提示
例2:使用Loading(加载)
//加载
let loading = ELEMENT.Loading.service({
fullscreen: true,
background: 'rgba(0,0,0,.8)'
});
//关闭加载
loading.close();