当我们以一些小图标作为按钮时,或者以图片的形式展示页面内容而不希望点击图片就放大预览,
这时我们就要阻止这种情况。
下面以vue为例子,写一段代码:
情景一:不做其它操作
<img class="" src="../assets/images/icon_1.png" onclick="return false"/>
情景二:点击事件
①
mounted(){
this.$refs.btn.addEventListener('click',function(e){
e.preventDefault();
//....do something else...
});
}
②
<img class="" src="../assets/images/icon_1.png" @click="go"/>
go(){
//do something...
return false;
},