在vue开发过程中遇到了两个坑,浪费了我很长的时间,但是至今都没有找到原因,只能换了其他的实现方法,特此记录,以备以后用到:
问题一:项目中需要使用Row来展示多张图片,可是发现放在<Row></Row>中的图片无法正常使用常用的下载组件,即点击下载按钮弹出下载框。
解决方法:只能通过点击按钮在浏览器中弹出新窗口来下载图片
var url = "XXXXXX";
window.open(url);
问题二:项目中的某一个页面可能会存在没有内容的情况,因此要分情况展示(有内容时正常展示,没内容时显示一张没有内容的提示)。首先考虑到的当然是v-if和v-else,但是在实际使用的过程中发现:如果有内容的时候需要使用document.getElementById来动态修改显示内容的时候突然失效了!!!!搞了半天发现居然是v-if的锅,至于原因,我也不知道。
解决方法:把v-if的判断去掉,直接用document.getElementById来动态修改,然后v-else改用v-show来判断显示条件。
if(......){ //没有内容
document.getElementById(XXX).style = "display:none";
}else{
document.getElementById(XXX).style = "display:''";
}