记下Vue中使用Mui.js踩到的坑

1. mui.js 推荐全局引用

Mui的css,js以及扩展js,推荐在main.js全局引用即可,千万不要再在子组件中重复引用,虽然不会报错

但是某些插件的返回结果会有意向不到的后果,比如numbox,不会累加,而是跳跃(1,3,5,7...)

picker选择返回结果也是重复的多次数据。

import './lib/mui/css/mui.css'

import './lib/mui/css/icons-extra.css'

import './lib/mui/css/mui.picker.css'

import './lib/mui/css/mui.poppicker.css'

import mui from './lib/mui/js/mui.js' ** ← 引用一次就够了**

import './lib/mui/js/mui.picker.js'

import './lib/mui/js/mui.poppicker.js'

mui.js 有些时候会莫名奇妙报错 “Uncaught ReferenceError: mui is not defined”

可把在mui.js的源文件后最后加上 window.mui = mui;

mui是非严格模式js语法代码

在使用webpack的时候也会报错,在webpack配置文件webpack.config.js中 加入代码:

transform-remove-strict-mode

示例:"plugins":["transform-runtime","transform-remove-strict-mode",["component",[{"libraryName":"mint-ui","style":true}]]]

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,824评论 1 45
  • webpack-4.x 安装 npm i webpack -g: 全局安装webapck 基本使用 不使用配置文件...
    duans_阅读 1,770评论 0 12
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,007评论 1 4
  • 好久没有写日记了。。。今天我专心学习webpack,跟着网上的文章请练完这16个webpack小例子翻译阮一峰大神...
    还有谁叫李狗蛋阅读 5,125评论 1 6
  • 全局安装webpack 全局安装webpack会有个问题,就是当你有两个项目依赖于不同版本的webpack,就会有...
    説好的妹紙呢阅读 1,894评论 0 11