如果让页面没有数据的时候隐藏A链接。

Question

<div style="padding-bottom:10px">
  <a :href="urlPV" target="_blank" download="Excel">导出Excel</a>
</div>

我想让页面没有返回数据的时候，不显示这个a链接。

Answer 1

解决方法：

   加了一个 v-if="this.data3 != '' 
   表示如果data3不等于空，就显示该链接，反之，如果data3等于空，就不会显示这个链接了 

      <div style="padding-bottom:10px" v-if="this.data3 != '' ">
        <a :href="urlPV" target="_blank" download="Excel">导出Excel</a>
      </div>

Answer 2

a设置成display:none 等返回数据时在设置成显示

Answer 3

{data &&  <a :href="urlPV" target="_blank" download="Excel">导出Excel</a>}

Answer 4

写一个空的div，当服务端返回数据判断存在时，将div替换（或者在div下面添加）你要的a标签；
放在vue中是v-if，其他框架应该也有类似写法，找不到的话，用dom.innerHtml('导出Excel')也很简单，在没有数据的时候，再换回去

Answer 5

如果没用什么框架的话，就用在数据返回的回调里，判断数据是否存在决定有没有这个a标签，如果不存在 A标签container的dom.innerHTML = ''，如果存在，A标签container的dom.innerHTML = <a :href="urlPV" target="_blank" download="Excel">导出Excel</a>

Answer 6

根据数据的长度判断是否给a加一个display:none