做个项目,需要一个效果刚好Element UI有,就想配合Vue和Element UI,放在tp5.1下使用,但是引入在线的地址各种报错,本地引入就完美的解决了问题!
__STATIC_JS__ | 目录为public/static/js
将样式和组件保存到本地再引入
Element UI https://unpkg.com/element-ui/lib/theme-chalk/index.css https://unpkg.com/element-ui/lib/index.js
Vue
https://cdn.baomitu.com/vue
示例代码
<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>
点击按钮后
原文:https://www.cnblogs.com/wangyang0210/p/10691489.html