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} })

input 連結 datalist 用程式控制彈出選項

範例: nextTick(() => document.querySelector('input').showPicker());  ※僅支援現代瀏覽器