ข้ามไปยังเนื้อหาหลัก
ProgrammerThailand
เข้าสู่ระบบ
ProgrammerThailand
เข้าสู่ระบบ / สมัครสมาชิก
Category

Nuxt

14 บทเรียน

แสดงหน้าเว็บ 1 รายการจาก API ด้วย Nuxt

บทเรียนรู้นี้เรามาเขียนโปรแกรมแสดงหน้าเว็บ 1 รายการจากหน้า index ที่รวมเนื้อหาไว้ เช่น หน้ารวมของ Blog เมื่อคลิกแต่ละเรื่องก็จะแสดงรายละเอีย…

admin 4,499

สร้าง Component และเรียกใช้ Component ใน Nuxt

ในบทเรียนรู้นี้เรามาสร้าง Component ใน NuxtJS และเรียกใช้งาน โดยจะดึงข้อมูลมาจาก API จากนั้นนำมาใส่ใน Card ของ Bootstrap4 ดังนี้ สร้างไฟล์ c…

admin 7,319

ดึงข้อมูล API ด้วย Axios ใน NuxtJS

ใน nuxtjs มี package axios ที่ embbed มาด้วย ชื่อ @nuxtjs/axios ดังนั้นเราสามารถเรียกใช้งานได้ ในที่นี้จะทดสอบเรียก api จาก jsonplaceholder…

admin 8,863

การใช้งาน Nuxt Link

Nuxt Link เป็นการกำหนด Link ไปยังหน้าต่างๆ ที่มีใน Web Application โดยจะใช้คำสั่ง nuxt-link ซึ่งมีลักษณะการใช้งานดังตัวอย่างต่อไปนี้ <templa…

admin 6,106

การสร้างหน้าแสดง Error ใน NuxtJS

เราสามารถเขียนหน้าจอแสดง Error หากไม่พบหน้า โดยสร้างไฟล์ layouts/error.vue จากนั้นใส่คำสั่งแสดง error ตามต้องการลักษณะดังนี้ <template> <div…

admin 2,588

การนำ Bootstrap4 มาใช้กับ NuxtJS

Bootstrap4 เป็น CSS Framework จาก Twitter ที่มีคนใช้งานเป็นจำนวนมาก สามารถดูเพิ่มเติมได้จากเว็บไซต์ getbootstrap.com ซึ่งเราสามารถนำมาใช้กับ…

admin 7,307

ทำความเข้าใจกับ Nuxt child components

สำหรับ nuxt-child component นั้น ให้มองถึง layout หลัก กับ ไฟล์ที่ render แต่ละหน้า แต่ในที่นี้จะมาดูตัวอย่างใน pages เช่นเรามี folder pages…

admin 3,391

Method สำหรับการ Validate ข้อมูลใน NuxtJS

เราสามารถเขียน method สำหรับการ validate ข้อมูลใน NuxtJS ได้ เช่นตัวอย่างนี้จะเป็นการตรวจสอบ params ที่ request ว่าให้เป็นตัวเลขเท่านั้น pag…

admin 3,486

Route Parameter ใน NuxtJS

เราสามารถเข้าถึง route parameter ของ nuxtjs ได้โดยใช้ $route โดยสามารถกำหนดในไฟล์ดังนี้ {{$route.params.id}} ตัวอย่างไฟล์ pages/users/_id/in…

admin 5,195

การสร้างหน้า Page แบบ Nested Page

ใน nuxtjs page เราสามารถสร้างหน้า page แบบ nested ได้ ตัวอย่างการเรียกใช้งานส่วนใหญ่ เช่นการเปิด posts/index จะเรียก post ทั้งหมด หากเปิด po…

admin 2,664

การสร้างหน้า Page ใน NuxtJS

สำหรับ NuxtJs นั้นเราสามารถสร้างหน้า page เก็บไว้ใน folder pages โดย NuxtJS จะนำชื่อไฟล์ไปสร้างเป็น route ให้โดยอัตโนมัติ เช่น ไฟล์ชื่อ post…

admin 3,551

โฆษณาช่วยจ่ายค่าเซิร์ฟเวอร์ ทำให้บทเรียน ถาม-ตอบ และชุมชนนี้เปิดให้ทุกคนใช้ฟรี เราไม่ส่งชื่อ อีเมล หรือสิ่งที่คุณโพสต์ให้ผู้โฆษณา และเปลี่ยนใจได้ทุกเมื่อที่ "ตั้งค่าคุกกี้" ท้ายเว็บ อ่านเพิ่มเติม

ตั้งค่าเอง