例如:
<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节点。