emptygif
語言: 繁體中文

所有語言和框架

Vue single-file component Vue

適用於 Vue single-file component 的 Vue 程式碼片段,以空 GIF 回應對 /pixel.gif 的請求,GIF 在啟動時只解碼一次。

Vue single-file component Vue

檔案
Spacer.vue
<script setup>
const EMPTY_GIF = 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';

defineProps({
  width: { type: Number, default: 1 },
  height: { type: Number, default: 1 },
});
</script>

<template>
  <img :src="EMPTY_GIF" :width="width" :height="height" alt="" aria-hidden="true">
</template>

我們執行了這段程式碼,並比對了它回傳的位元組。

官方網站: Vue single-file component