Vue3 依據商品標籤給定不同的class
寫到這邊在想我要不要也來個30天挑戰!? 一般我們看到電商的網頁，除了大大的標題、價格以外，可能還會多一些小標籤。例如海外直送、免運費、新品上市等等，如果我們想將類型性質的標籤很偷懶的使用一個v-for就貼上去，但又想要給他們一些不同的css作區別，該怎麼實現呢？ 使用框架：Vue3…
NOTE (23)
使用Vue3 完成電商產品篩選功能
最近在作小電商網站，有一頁打算放上所有商品，並用select製作篩選欄位，來記錄一下怎麼實踐以及我踩了哪些雷 框架：Vue3 composition…
使用vue3 自動判定日期
情境：我的專案有活動紀錄，格式為json，本來的網頁非常的土法煉鋼，還沒到來的活動日期就在上方，過期的活動在下方。有一天我突然懶惰了(?)希望可以自動抓取今天日期判斷是否過期 使用框架：vue 3…
google ads審核歷程
如果你常常在瀏覽網站，尤其是各大新聞網，一定會看到很多廣告版面佔據著網頁空間。 而這些空間基本上就是廣告商放置廣告的位置，位子在哪邊則是會因各種原因而有所變動。 基本上只要你的網站有正常的經營，不是毫無內容、過於重複、或是沒有原創性只是到處複製文章的農場文網站，都可以試著申請。…
vue3 computed, method
我們在學習vue的時候最常用到的就是computed,跟method這兩種語法，那麼這兩種的差異在哪裏？又是什麼時候適用呢？ 首先，這篇文章會以vue3的寫法為基礎，也就是composition API的寫法。對於一開始就接觸的我，覺得這樣的寫法反而滿親民(?)的。…
VUE3中使用router傳遞參數
最基礎使用router的方式就是來傳遞不同的頁面，不過router同時也具有傳遞參數的功能，這篇文章整理了如何怎麼傳遞參數以及設置方式。 在使用vue router時，最基礎的設置方法如下…
在vue中使用bootstrap
使用vue框架之下，又想使用bootstrap快速美化自己的頁面的方式 這篇記錄一下vue3 composition…
用chrome內建功能 實現網頁截圖
在其他網站看到的功能，覺得很方便所以快速紀錄一下 完成之後會以png格式進行下載。