首页 > 其他 > 详细

在VUE引入mui

时间:2020-01-30 13:20:44      阅读:54      评论:0      收藏:0      [点我收藏+]

1,在mui的gethub地址中下载:点击download

技术分享图片

 

 2,下载后,解压mui-master,复制里面dist里面的三个文件到项目中:

技术分享图片

 

 在项目中起名lib是外部的库

技术分享图片

 

 3,在main引入:import mui from ‘./lib/mui/js/mui‘

4,打开我们的mui.js文件,找到如下代码,去掉window.mui的注释:

技术分享图片

 

 

5,运行发现报错:技术分享图片

 

 明显是严格模式的问题,我们可以安装插件:npm i babel-plugin-transform-remove-strict-mode -d

然后在babelrc配置:

技术分享图片

 

 发现还会报错,

再配置这个ignore:

技术分享图片

 

 

运行好了:

 技术分享图片

 

6,用个按钮测试一下:

结果技术分享图片

 

 所以还要再引入样式:import mui from ‘./lib/mui/css/mui.min.css‘

技术分享图片

 

在VUE引入mui

原文:https://www.cnblogs.com/lvqiupingboke-2019/p/12242517.html

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