5***@qq.com
5***@qq.com
  • 发布:2017-01-29 09:29
  • 更新:2017-02-03 18:17
  • 阅读:2989

使用requirejs和vue后mui的switch开关插件失效

分类:MUI

html部分代码:
<div class="mui-content" id="loginWrap">
<form class="mui-input-group">
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
自动登录
<div id="autoLogin" class="mui-switch">
<div class="mui-switch-handle"></div>
</div>
</li>
</ul>
</form>
</div>

JS代码:
未使用requirejs 的情况下 switch插件是有效的,代码如下:
<script type="text/javascript" src="js/vue.min.js" ></script>
<script type="text/javascript" src="js/mui.min.js" ></script>
<script>
mui.init({
statusBarBackground: '#f7f7f7'
});
var vm=new Vue({
el:'#loginWrap'
});

在页面中使用requirejs 后的JS代码,使用后 switch 开关失效
<script src="js/require.js"></script>
<script>
require.config({
baseUrl:"./js",
paths:{
mui:"./mui.min",
vue:"./vue.min"
},
shim:{
mui:{
exports:'mui'
}
}
});
require(['domReady!','mui','vue'],function(doc,mui,Vue){

            var vm=new Vue({  
                el:'#loginWrap'  
            });  
            mui.init({  
                statusBarBackground: '#f7f7f7'  
            });  
        });  

</script>

研究了好久找不出原因所在,希望知道的大神给解答一下

2017-01-29 09:29 负责人:无 分享
已邀请:
BoredApe

BoredApe - 有问题就会有答案。

该问题目前已经被锁定, 无法添加新回复