mui集成vue后，侧滑事件不起作用了？

var mySettingVue = new Vue({
el: '#tabbar-with-map',
data: {
userName: ''
}
});
document.getElementById('offCanvasShow').addEventListener('tap', function() {
offCanvasWrapper.offCanvas('show');
});
问一下大家，在mui中集成vue后侧滑实现不了了，就是绑带的如下按钮。
<button id="offCanvasHide" type="button" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">确定</button>
这个tap事件就不起作用了。大家怎么解决的呢