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

vue3-simple-alert 學習心得

官網 顯示提示輸入訊息並於按下確定時檢查是否有輸入,防止未輸入就按確定,且和按取消用不同邏輯處理 VueSimpleAlert.fire({     title: '請輸入原因',     input: 'text',     showCancel...