examples/vue-ts-example
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

feat: 添加随机图片功能
Some checks failed
/ playwright (push) Has been cancelled
Details
/ build-and-deploy-to-vercel (push) Has been cancelled
Details
/ surge (push) Has been cancelled
Details
/ lint-build-and-check (push) Has been cancelled
Details

Browse Source
This commit is contained in:
严浩
2025-04-20 22:09:08 +08:00
parent f4e248a2b1
commit 5f9eeddc77
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/Page/vite-assets/index.page.vue
View File

@ -7,6 +7,14 @@ function getImageUrl(name: string) {
} }
const img_modules = import.meta.glob<{ default: string }>('./imgs/*.png', { eager: true }); const img_modules = import.meta.glob<{ default: string }>('./imgs/*.png', { eager: true });
function getRandom1or2() {
return Math.random() < 0.5 ? '1' : '2';
}
function getRandomImage() {
return getImageUrl(getRandom1or2());
}
</script> </script>
<template> <template>
@ -20,6 +28,11 @@ const img_modules = import.meta.glob<{ default: string }>('./imgs/*.png', { eage
getImageUrl('2'): {{ getImageUrl('2') }} getImageUrl('2'): {{ getImageUrl('2') }}
<img :src="getImageUrl('2')" alt="img_2" /> <img :src="getImageUrl('2')" alt="img_2" />
</div> </div>
<br />
<div b="1px solid pink">
getRandomImage(): {{ getRandomImage() }}
<img :src="getRandomImage()" alt="img_random" />
</div>
</div> </div>
<div class="space-y-4" p="4" b="1px solid pink" mt-4> <div class="space-y-4" p="4" b="1px solid pink" mt-4>
<h3>img_modules</h3> <h3>img_modules</h3>