1.问题:
当我们使用原生html或者js时会遇到一种情况:不能用this来使用消息提示框,如图:

2.解决:
html 页面引入elementui之后,在全局会有一个ELEMENT变量,里面又有很多变量。其中:

3.解决代码:(第30行)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title></title>
<!-- 引入element样式 -->
<link rel="stylesheet" href="js/element-ui/index.css" />
</head>
<body>
<div id="app">
<ul>
<li>测试页面</li>
<li>测试页面</li>
<li>测试页面</li>
<li>测试页面</li>
</ul>
</div>
<!-- vue 需要在 elementui 的前面-->
<script type="text/javascript" src="js/vue/vue.js"></script>
<!-- 引入element组件库 -->
<script type="text/javascript" src="js/element-ui/index.js"></script>
<script>
if (!localStorage.getItem('token')) {
ELEMENT.Message.error('您还没有登录!!!')
}
new Vue({
el: "#app",
data () {
return {
}
},
mounted () {
},
methods: {
},
});
</script>
</body>
</html>
版权声明:本文为m0_59918712原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。