useDownloadFile

Basic Usage

import { useDownloadFile } from '@flypeng/tool/browser';

import { useDownloadFile } from '@flypeng/tool/browser';

Online Demo

useDownloadFile

download online file

<script lang="ts" setup>
import { useDownloadFile } from '@flypeng/browser';

const downloadFile = () => {
  useDownloadFile('https://yyblog.top/flypeng-tool/favicon.png', '@flypeng-tool.png');
};
</script>

<template>
  <button @click="downloadFile">点击下载</button>
</template>

<style scoped>
button {
  width: 80px;
  border-radius: 4px;
  color: #ffffff;
  background-color: var(--vp-c-brand);
}
</style>

<script lang="ts" setup>
import { useDownloadFile } from '@flypeng/browser';

const downloadFile = () => {
  useDownloadFile('https://yyblog.top/flypeng-tool/favicon.png', '@flypeng-tool.png');
};
</script>

<template>
  <button @click="downloadFile">点击下载</button>
</template>

<style scoped>
button {
  width: 80px;
  border-radius: 4px;
  color: #ffffff;
  background-color: var(--vp-c-brand);
}
</style>

Type Declaration

/**
 * 下载在线链接资源文件
 * @param url
 * @param fileName
 */
declare function useDownloadFile(url: string, fileName: string): void;

/**
 * 下载在线链接资源文件
 * @param url
 * @param fileName
 */
declare function useDownloadFile(url: string, fileName: string): void;