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