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>
研究了好久找不出原因所在,希望知道的大神给解答一下
 
             
             
             
			 
                                        
                                     
            
1 个回复
BoredApe - 有问题就会有答案。
动态创建的mui 组件 需要手动初始化,请参考文http://dev.dcloud.net.cn/mui/ui/#switch