在使用vue swiper 下 mui时间选择 addEventListener 点击失效

在使用vue swiper 下 mui时间选择 addEventListener 点击失效

我的解决办法是

1. 直接去掉 btn.addEventListener(‘tap’, function() {}, false);
2. 因为去掉了点击，所以只会已加载就只执行一次，于是再写一个调用，就好了

html代码：

<span @click="DatePicker()" id='result' data-options='{"type":"date"}' class="btn mzq-color3">选择日期</span>

js代码：

var VM = new Vue({
	el: '#container',
	data() {
		return {
			
		}
	},
	mounted() {

	},
	methods: {
		//获取时间
		DatePicker(){
			(function($) {
				//-----------------------------------------时间选择
				var result = $('#result')[0];
				var btns = $('.btn');
				btns.each(function(i, btn) {
					var _self = this;
					if(_self.picker) {
						_self.picker.show(function (rs) {
							result.innerText = rs.text;
							_self.picker.dispose();
							_self.picker = null;
						});
					} else {
						var optionsJson = this.getAttribute('data-options') || '{}';
						var options = JSON.parse(optionsJson);
						var id = this.getAttribute('id');
						
						_self.picker = new $.DtPicker(options);
						_self.picker.show(function(rs) {
						
							result.innerText =rs.text;
							console.log(rs.text)
							_self.picker.dispose();
							_self.picker = null;
						});
					}
				});
				
			})(mui);
		}
	}
})