vue开发中遇到的坑(Row与下载组件的冲突，v-if与document的冲突)

在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:''";
}