详细问题描述
[内容]
在mui框架下用了vue的v-for循环,然后发现不能触发点击事件了,调用不了电话.
重现步骤
[步骤]
[结果]
[期望]
解决BUG
运行环境
手机
[系统版本]
安卓6.0
[浏览器版本]
[IDE版本]
[mui版本]
最新
附件
[代码片段]
<!DOCTYPE html>
<body>
<div class="mui-content">
<header id="header" class="mui-bar mui-bar-nav">
<a onClick="javascript :history.back(-1);" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">我的收藏</h1>
<a href="index.html" class="mui-pull-right"><i class="iconfont"></i></a>
</header>
<div class="mui-row" style="margin-top: 2.7em;">
<ul id="collect" class="mui-table-view mui-grid-view">
<li class="mui-table-view-cell mui-media" v-for="good in goods">
<a href="goods-detail.html">
<img class="mui-media-object" v-bind:src="good.imgsrc">
<div class="mui-media-body newsgoods-name">{{good.goodname}}</div>
<div class="mui-media-body newgoods-price">
{{good.goodprice}}
</div>
</a>
<i class="iconfont"></i>
</li>
</ul>
</div>
<div id="index-footer" class="index-footer mui-bar-footer">
<ul id="index-footer-main" class="mui-table-view mui-grid-view">
<li class="mui-table-view-cell mui-media mui-media-first mui-col-xs-2">
<a href="index.html">
<i class="iconfont"></i>
<a href="index.html">
<div class="mui-media-body">首页</div>
</a>
</a>
</li>
<li id="call" class="mui-table-view-cell mui-media mui-media-other mui-col-xs-2">
<i class="iconfont"></i>
<div class="mui-media-body">电话</div>
</li>
<li class="mui-table-view-cell mui-media mui-media-other mui-col-xs-2">
<a href="#">
<i class="iconfont"></i>
<a href="sales-promotion.html">
<div class="mui-media-body">促销</div>
</a>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-media-other mui-col-xs-2">
<a href="empty-shoppingcart.html">
<i class="iconfont"></i>
<a href="empty-shoppingcart.html">
<div class="mui-media-body">购物车</div>
</a>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-media-other mui-col-xs-2">
<a href="personal-center.html">
<i class="iconfont"></i>
<a href="personal-center.html">
<div class="mui-media-body">我的</div>
</a>
</a>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
document.getElementById("call").addEventListener('tap', function() {
var btnArray = ['拨打', '取消'];
var Phone = "0571-88888888";
mui.confirm('是否拨打 ' + Phone + ' ？', '提示', btnArray, function(e) {
if(e.index == 0) {
plus.device.dial(Phone, false);
}
});
});
</script>
<script type="text/javascript">
new Vue({
el: ".mui-content",
data: {
goods: [{
imgsrc: 'images/goods-preview.jpg',
goodname: 'S6552韩式卡通手动环保伞',
goodprice: '现价:16.30'
}, {
imgsrc: 'images/goods-preview.jpg',
goodname: 'S6552韩式卡通手动环保伞',
goodprice: '现价:16.30'
},
{
imgsrc: 'images/goods-preview.jpg',
goodname: 'S6552韩式卡通手动环保伞',
goodprice: '现价:16.30'
},{
imgsrc: 'images/goods-preview.jpg',
goodname: 'S6552韩式卡通手动环保伞',
goodprice: '现价:16.30'
}],
}
})
</script>
</body>
[安装包]
联系方式
[QQ]
[电话]15268144812
0 个回复