首页 > Web开发 > 详细

Html | Vue | Element UI——引入使用

时间:2019-04-11 19:28:16      阅读:187      评论:0      收藏:0      [点我收藏+]

前言

做个项目,需要一个效果刚好Element UI有,就想配合Vue和Element UI,放在tp5.1下使用,但是引入在线的地址各种报错,本地引入就完美的解决了问题!

 

代码

__STATIC_JS__ | 目录为public/static/js

将样式和组件保存到本地再引入

 

示例代码

  <div id="app">
    <el-button @click="visible = true">按钮</el-button>
    <el-dialog :visible.sync="visible" title="Hello world">
      <p>欢迎使用 Element</p>
    </el-dialog>
  </div>
  <link rel="stylesheet" href="__STATIC_JS__element-ui@2.7.2.css">
  <script src="__STATIC_JS__vue.js"></script>
  <script src="__STATIC_JS__element-ui@2.7.2.js"></script>
  <script>
    new Vue({
      el: #app,
      data: function() {
        return { visible: false }
      }
    })
  </script>

 

效果图

技术分享图片

点击按钮后

技术分享图片

 

Html | Vue | Element UI——引入使用

原文:https://www.cnblogs.com/wangyang0210/p/10691489.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!