弘弘的部落格
2024年9月26日 星期四
讓 div 也有 button 的 disabled 效果避免連續觸發click事件
.按鍵[disabled="true"] {
opacity: 0.4;
pointer-events: none;
}
<div class="按鍵" @click="aaa" :disabled="busy">click me</div>
※ 某些前端框架要改用 disabled="disabled"
2024年9月4日 星期三
vue router 學習心得
import router from '@/router/index';
index.ts
const routes: Array<RouteRecordRaw> = [
{
path: '/',
name: 'home',
component: () => import('../views/Index.vue'),
meta: { requireAuth: true, title: 'sample app' }
},
取得網址: process.env.BASE_URL+router.resolve({ name: 'xxx' }).href
導向網址: router.push({ name: 'xxx', query: {p1: 123} })
較新的文章
較舊的文章
首頁
訂閱:
文章 (Atom)
input 連結 datalist 用程式控制彈出選項
範例: nextTick(() => document.querySelector('input').showPicker()); ※僅支援現代瀏覽器
讓chrome 自動開啟檔案且不要下載
1. 設定檔案下載儲存位置為 C:\Users\%username%\AppData\Local\Google\Chrome\User Data\Default\Cache 2. 勾選"下載每個檔案前詢問儲存位置" 3. 針對不要下載的檔案類型於第一...
epplus 用法
自動設定欄寬 sheet.Cells.AutoFitColumns(3, 20); // 必須設定 min 跟 max 才會正常作用 凍結欄位 sheet.View.FreezePanes(4, 4); 標題列 ws.PrinterSettings.RepeatRo...
使用 epplus 產生檔案後轉成 PDF
使用 FreeSpire.XLS ... ep.Save(); using (var workbook = new Workbook()) using (var memStream = new MemoryStream()) { workbook.LoadFromSt...