> 文档中心 > 风尚前端学习-网页HTML引入element-ui库

风尚前端学习-网页HTML引入element-ui库

导言:在HTML页面开发中。有时候一些复杂的菜单复选框漂亮的按钮啥的,

需要用到一些插件以及ui库今天教大家如何在HTML中引入element-ui库

 大家好,我是风尚,一个web前端开发者,著作风尚云网|首页,

博客园,简书等平台均搜索风尚云网


废话不多说,开搞

其实饿了么官方插件文档中说明:Element - The world's most popular Vue UI framework

但是!注意不要直接复制文档中的css跟js,因为你永远不知道官方文档多久更新一次!!!

上面的cdn 引入可能已经失效或者不是最新版

该代码为官方示例:

        
Button

Try Element

new Vue({ el: '#app', data: function() { return { visible: false } } })

该代码已经测试到浏览器上:

  

什么ui都没显示,足以认定该cdn已经失效!!!!

这样的话,怎么办?


解决方案:

因为饿了么ui基本上基于vue制作的,引入最新的vuecdn即可解决该问题

安装 — Vue.js

        
安装 Button

Try Element

new Vue({ el: '#app', data: function () { return { visible: false } } })


今天教程就到这里,有什么问题欢迎下方评论