vue.js与mui的ajax,记下Vue中使用Mui.js踩到的坑

博客指出在使用mui.js时,应当全局引用并避免在子组件中重复引用,以防止出现如numbox不累加和picker重复数据等意外行为。同时,解决mui.js在严格模式下可能出现的未定义错误,可以通过在源文件末尾添加`window.mui=mui;`。对于Webpack构建,可以添加`transform-remove-strict-mode`插件来消除严格模式导致的错误。
摘要由CSDN通过智能技术生成

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}]]]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值