我們在下面上要取得某 DOM 元素的時候,會先宣告一個 ref
常數,然後在元素的 html 上面加上 ref
屬性。
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2022-05-31 18:21:43 2022-05-31 19:12:14 vue3 在父層取得子組件的 ref DOM屬性
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2022-02-23 21:19:16 2022-02-23 21:41:02 vue3 + 純bootstrap5 打開Modal
如果我們使用ui框架,通常都會有封裝好的form可以幫你驗證。
但是如果你沒有使用ui框架,驗證的效果就要自己寫囉!
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2022-02-18 09:18:14 2022-02-18 10:37:09 Validate.js + vue3 表單驗證
bootstrap5 雖然不像antd 或element 那種專門為vue創建的ui框架幫你弄好許多component
,但是他也終於可以用npm
安裝囉!!(賀)
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2022-01-25 16:27:46 2022-01-26 22:23:16 vue3 + bootstrap5 創建專案
一開始我以為的vue3僅僅是改變寫法,去掉data
、methods
、computed
的位置規範,可以自由地穿插變數、函式的位置。
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2021-11-18 12:01:35 2021-11-18 14:27:41 換到 vue3 composition api 後對我有什麼好處?
如果自己沒有使用ui框架的話,icon font就要自己處理,我最常用的就是 fontawsome ,原因就是看起來比較可愛XD
其實用哪個都可以,但就是要認真看安裝文件就是了。
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2021-10-29 10:52:25 2021-11-01 12:03:37 vue3 使用 fontawsome 免費 icon font
element plus這幾個月改動幅度滿大的,之前寫的文章舊版本有些方式已經不能使用了。
新版本這次我下載了:1.1.0-beta.24
,自訂主題的方式這邊再重新整理一次。
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2021-10-29 09:36:01 2021-10-29 10:15:45 element plus 新版本如何自訂主題
在網站上要串接 facebook 登入的話,官網有詳細的解說,但是就是太詳細了有時候要怎麼開始都不知道,但是還是可以從幾個關鍵字下去查詢:facebook login api、facebook javascript SDK…等。
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2021-10-06 10:45:03 2021-10-08 15:24:30 vue3 使用 facebook login api
幾個月前,element plus要使用icon的話,都是用font icon 的方式,但是這幾個月有段過渡期,官網說明會漸漸將font icon轉移到svg icon ,使用方式也會不同。
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/vue.png
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2021-10-01 09:05:52 2021-10-01 09:20:19 element-plus 使用 svg icon
很許多api一樣,要使用的話要先創建帳號。
準備項目:
創建一個gcp 帳號,並且建立一個專案project。 啟用google map api
產生google map api key
創建一個vue3專案
閱讀更多
https://penueling.com/wp-content/uploads/2020/11/google-cloud.jpg
300
300
admin
https://penueling.com/wp-content/uploads/2021/04/penueling-logo-full.png
admin 2021-09-28 11:36:03 2021-11-09 23:00:29 vue3 使用 google map api
Scroll to top
官方網站設計
, 設計品牌
, 台北品牌設計
, 台南品牌設計
, 品牌設計
, LOGO設計
, 台北LOGO設計
, 台南LOGO設計
, 名片設計
, 台北名片設計
, 台南名片設計
, CIS企業識別設計
, 設計LOGO
, 台北設計LOGO
, 台南設計LOGO
, 視覺設計
, 網頁設計
, 台北網頁設計
, 台中網頁設計
, 台南網頁設計
, 高雄網頁設計
, 網站設計
, 台北網站設計
, 台中網站設計
, 台南網站設計
, 高雄網站設計
, 官網設計
, 台北官網設計
, 台中官網設計
, 台南官網設計
, 高雄官網設計
, 公司官網設計
, 形象官網設計
, 產品官網設計
, 響應式網頁設計
, 響應式網站設計
, 公司網頁設計
, 教會網站設計設計
, 婚攝
, 婚攝Allen
, 婚禮攝影
, 婚禮紀錄
, 婚攝推薦
, 婚攝
, 婚攝
, 婚攝
, 寒舍艾美婚攝推薦
, 文華東方婚攝推薦
, 君品酒店婚攝推薦
, 諾富特婚攝推薦
, 萬豪酒店婚攝推薦
, 婚攝Vincent
, 婚攝
, 婚攝
, 婚攝
, 台北婚攝
, 台中婚攝
, 台南婚攝
, 高雄婚攝
, 美式婚攝
, 婚禮攝影美式
, 婚禮攝影推薦
, 婚禮攝影
, 婚禮攝影
, 婚攝推薦
, 婚禮紀錄
, 婚紗攝影
, 寒舍艾美婚攝
, 婚禮攝影
, 自助婚紗
, 婚攝
, 婚攝推薦
, 婚攝小寶
, 婚禮攝影
, 自助婚紗
, 婚禮紀錄
, 婚攝
, 婚禮攝影
, 婚紗攝影
, 婚攝推薦
, 美式婚禮攝影
, 美式婚紗攝影
, 孕婦寫真
, 親子寫真
, 家庭寫真
, 美式風格婚紗攝影
, 美式風格婚禮攝影
, 台北美式婚禮攝影推薦
, 網站設計
, 網頁設計
, 響應式網頁設計
, SEO最佳化
, SEO搜尋引擎最佳化
, 新秘
, 新秘小淑
, 新娘秘書
, 新娘造型
, 台中新秘
, 婚禮婚紗造型
, 新秘推薦
, 台中西屯霧眉
, 台中霧眉
, 血壓量測
, 腕式血壓計
, 全自動手臂式血壓計
, 心房顫動偵測
, 體溫計
, 耳溫槍
, 額溫槍
, 熱敷墊
, 電毯
, 中風
, 高血壓
, 血壓計
, 血壓計推薦
, 血壓計品牌
, 歐姆龍
, 百靈
, 台北攝影棚出租
, 台北攝影棚租借
, 攝影棚出租
, 攝影棚租借
, 攝影場地租借
, 專業形象照
, 形象照拍攝
, 個人形象照
, 孕婦禮服出租
, 孕婦禮服租借
, 自助婚紗
, 自助婚紗攝影
, 台北攝影棚出租推薦
, 台北專業形象照推薦
, 孕婦禮服出租推薦
, 自助婚紗推薦
, 婚攝
, 婚禮攝影
, 婚禮紀錄
, 婚攝
, 婚攝勇年
, 婚禮紀錄
, 婚紗婚攝
, 孕婦寫真
, 婚禮攝影
, 自助婚紗
, 婚攝推薦
, 文華東方婚攝
, 親子寫真
, 台南親子寫真
, 台中親子寫真
, 高雄親子寫真
, 台南兒童寫真
, 台中兒童寫真
, 高雄兒童寫真
, 台南親子寫真推薦
, 台中親子寫真推薦
, 高雄親子寫真推薦
, 台南家庭寫真
, 台中家庭寫真
, 高雄家庭寫真
, 台南全家福
, 台中全家福
, 高雄全家福
, 婚攝
, 台南婚攝
, 婚禮攝影
, 自助婚紗
, 台南婚禮攝影
, 台南婚禮攝影推薦
, 新秘
, 新娘秘書
, 新娘造型
, 高雄新秘推薦
, 台北新秘推薦
, 新秘Yuki
, 白色夢幻新秘Yuki
, 新娘秘書Yuki
, 新娘助理
, 高雄新秘
, 台北新秘
, 婚禮婚紗造型
, 新娘妝髮造型
, 新秘彩妝造型
, 自助婚紗造型
, 台北新娘秘書推薦
, 高雄新娘秘書推薦
, 花草風造型
, 自然風格造型
, 室內香氛
, 居家香氛
, 房間香氛
, 空間香氛
, 香氛蠟燭
, 香氛精油
, 居家香精
, 精油香氛
, 居家香氛擴香
, 香氛蠟燭推薦
, 房間香氛推薦
, 香氛品牌推薦
, 嚴選香氛
, 香氛推薦
, 精油推薦
, 根尖手術
, 根管治療
, 牙齒再植手術
, 顯微根管
, 鈣化根管治療
, 再生性根管治療
, 牙根黑影與膿包治療
, 高雄根管治療
, 高雄牙齒醫師
, 高雄顯微根管醫師
, 美白牙齒
, 婚攝
, 婚攝
, 孕婦寫真
, 網頁設計/a>
,
, 品牌設計/a>
,
, LOGO設計/a>
官方網站設計
, 設計品牌
, 台北品牌設計
, 台南品牌設計
, 品牌設計
, LOGO設計
, 台北LOGO設計
, 台南LOGO設計
, 名片設計
, 台北名片設計
, 台南名片設計
, CIS企業識別設計
, 設計LOGO
, 台北設計LOGO
, 台南設計LOGO
, 視覺設計
, 網頁設計
, 台北網頁設計
, 台中網頁設計
, 台南網頁設計
, 高雄網頁設計
, 網站設計
, 台北網站設計
, 台中網站設計
, 台南網站設計
, 高雄網站設計
, 官網設計
, 台北官網設計
, 台中官網設計
, 台南官網設計
, 高雄官網設計
, 公司官網設計
, 形象官網設計
, 產品官網設計
, 響應式網頁設計
, 響應式網站設計
, 公司網頁設計
, 教會網站設計設計
, 婚攝
, 婚攝Allen
, 婚禮攝影
, 婚禮紀錄
, 婚攝推薦
, 婚攝
, 婚攝
, 婚攝
, 寒舍艾美婚攝推薦
, 文華東方婚攝推薦
, 君品酒店婚攝推薦
, 諾富特婚攝推薦
, 萬豪酒店婚攝推薦
, 婚攝Vincent
, 婚攝
, 婚攝
, 婚攝
, 台北婚攝
, 台中婚攝
, 台南婚攝
, 高雄婚攝
, 美式婚攝
, 婚禮攝影美式
, 婚禮攝影推薦
, 婚禮攝影
, 婚禮攝影
, 婚攝推薦
, 婚禮紀錄
, 婚紗攝影
, 寒舍艾美婚攝
, 婚禮攝影
, 自助婚紗
, 婚攝
, 婚攝推薦
, 婚攝小寶
, 婚禮攝影
, 自助婚紗
, 婚禮紀錄
, 婚攝
, 婚禮攝影
, 婚紗攝影
, 婚攝推薦
, 美式婚禮攝影
, 美式婚紗攝影
, 孕婦寫真
, 親子寫真
, 家庭寫真
, 美式風格婚紗攝影
, 美式風格婚禮攝影
, 台北美式婚禮攝影推薦
, 網站設計
, 網頁設計
, 響應式網頁設計
, SEO最佳化
, SEO搜尋引擎最佳化
, 新秘
, 新秘小淑
, 新娘秘書
, 新娘造型
, 台中新秘
, 婚禮婚紗造型
, 新秘推薦
, 台中西屯霧眉
, 台中霧眉
, 血壓量測
, 腕式血壓計
, 全自動手臂式血壓計
, 心房顫動偵測
, 體溫計
, 耳溫槍
, 額溫槍
, 熱敷墊
, 電毯
, 中風
, 高血壓
, 血壓計
, 血壓計推薦
, 血壓計品牌
, 歐姆龍
, 百靈
, 台北攝影棚出租
, 台北攝影棚租借
, 攝影棚出租
, 攝影棚租借
, 攝影場地租借
, 專業形象照
, 形象照拍攝
, 個人形象照
, 孕婦禮服出租
, 孕婦禮服租借
, 自助婚紗
, 自助婚紗攝影
, 台北攝影棚出租推薦
, 台北專業形象照推薦
, 孕婦禮服出租推薦
, 自助婚紗推薦
, 婚攝
, 婚禮攝影
, 婚禮紀錄
, 婚攝
, 婚攝勇年
, 婚禮紀錄
, 婚紗婚攝
, 孕婦寫真
, 婚禮攝影
, 自助婚紗
, 婚攝推薦
, 文華東方婚攝
, 親子寫真
, 台南親子寫真
, 台中親子寫真
, 高雄親子寫真
, 台南兒童寫真
, 台中兒童寫真
, 高雄兒童寫真
, 台南親子寫真推薦
, 台中親子寫真推薦
, 高雄親子寫真推薦
, 台南家庭寫真
, 台中家庭寫真
, 高雄家庭寫真
, 台南全家福
, 台中全家福
, 高雄全家福
, 婚攝
, 台南婚攝
, 婚禮攝影
, 自助婚紗
, 台南婚禮攝影
, 台南婚禮攝影推薦
, 新秘
, 新娘秘書
, 新娘造型
, 高雄新秘推薦
, 台北新秘推薦
, 新秘Yuki
, 白色夢幻新秘Yuki
, 新娘秘書Yuki
, 新娘助理
, 高雄新秘
, 台北新秘
, 婚禮婚紗造型
, 新娘妝髮造型
, 新秘彩妝造型
, 自助婚紗造型
, 台北新娘秘書推薦
, 高雄新娘秘書推薦
, 花草風造型
, 自然風格造型
, 室內香氛
, 居家香氛
, 房間香氛
, 空間香氛
, 香氛蠟燭
, 香氛精油
, 居家香精
, 精油香氛
, 居家香氛擴香
, 香氛蠟燭推薦
, 房間香氛推薦
, 香氛品牌推薦
, 嚴選香氛
, 香氛推薦
, 精油推薦
, 根尖手術
, 根管治療
, 牙齒再植手術
, 顯微根管
, 鈣化根管治療
, 再生性根管治療
, 牙根黑影與膿包治療
, 高雄根管治療
, 高雄牙齒醫師
, 高雄顯微根管醫師
, 美白牙齒
, 婚攝
, 婚攝
, 孕婦寫真
, 網頁設計/a>
,
, 品牌設計/a>
,
, LOGO設計/a>