vue事件委托传递节点防止向下传递穿透

例如：

<li @click="popSelect($event)">
				<span>Bank Country</span>
				<input type="text" placeholder="Select bank country" v-model="model.bank_country" name="bank_country" readonly />
				<van-icon name="arrow-down"></van-icon>
				<em>Country is required</em>
			</li>

li上绑定popSelect($event)方法

popSelect: function (e) {
	var ele = e.target;
	console.log(ele.localName);
	if(ele.localName == 'li'){}
}

点击li时会穿透到子集，span、input等标签，这时你拿到的e.target就不确定是哪个节点，但是你又需要操作的只是li，用@click.stop等等都没用，因为这是防止向上冒泡，这是可以利用css。例如：

.enter-account ul li span {
	pointer-events:none;
}

在你不想点到的节点上添加pointer-events:none;这行css，就取消了它的点击事件，这时你无论点li的任何地方，获取到的e.target都是li节点。