html页面使用elementui的Message提示

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版权协议,转载请附上原文出处链接和本声明。