[Vue.js] ใส่ script tag ใน template

-

   ในบางสถานการณ์ที่เราต้องการจะใส่ tag script (หรือ tag อื่น ๆ ที่อยากจะ escape ไม่ให้ Vue.js render) ภายใต้ template ของ Vue.js โดยเฉพาะเวลาทำงานกับ Payment gateway มักจะต้องใส่ script เพิ่มเข้ามา

[Vue.js] ใส่ script tag ใน template


<component
is="script" 
src="https://www.example.com/script.js"
></component>

ให้ใช้ฟีเจอร์ Dynamic Components เข้ามาช่วย ใส่ script เข้าไปใน attribute is ได้เลย

ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

[Blue Archive] รวมล็อบบี้ความทรงจำ (Live2D)

-
รูปภาพ
รวบรวมล็อบบี้ความทรงจำมาไว้ในบทความนี้ จะทะยอยมาอัพเดทเรื่อย ๆ จนกว่าผมจะเลิกเล่นเกมนี้ไป บางตัวเสียงพากย์ยังไม่มีเพราะว่าบั๊กอยู่นะครับ จะแบ่งเป็นเวอร์ชั่น Shorts (ทำแบบไม่มีเสียงไว้ ความยาวประมาณ 10 วินาที ไว้ดูบนมือถือ) และเวอร์ชั่นแบบมีเสียงพากย์ไว้ดูแบบปกติ *** หมายเหตุ : หาชื่อด้วยการกด Ctrl + F แล้วพิมพ์ชื่อตัวละครที่ต้องการหาในบทความ (ถ้าไม่เจอแปลว่ายังไม่มีตัวละครนั้น ๆ ครับ จะหามาเติมเรื่อย ๆ) คันนะ (Kanna) Shorts:  https://youtube.com/shorts/xhNBvSH3WnU?feature=share เสียงพากย์:  https://youtu.be/7fg7oGBXIzk คาซึสะ (Kazusa) Shorts:  https://youtube.com/shorts/7Ix888p4sWU?feature=share เสียงพากย์:  https://youtu.be/fRpBzZwoRJ8 คาโยโกะ (Kayoko) Shorts:  https://youtu.be/5F9_x1J9LGQ เสียงพากย์:  https://youtu.be/sNGt9gHpxsI คาโยโกะเดรส (Kayoko Dress) Shorts:  https://youtube.com/shorts/p0ZBe3h29jU?feature=share เสียงพากย์:  https://youtu.be/8LIf5vzep8w คาโยโกะปีใหม่ (Kayoko New Year) Shorts:  https://youtube.com/shorts/fuRb8UplwQ8?fea...
อ่านเพิ่มเติม

[Blue Archive] รีวิวชินัตสึ (Chinatsu)

-
รูปภาพ
        ชินัตสึป็นตัวละคร Special สาย Healer ระดับ 1 ดาว มีปืน HG (Hand gun)  เป็นอาวุธคู่กาย มีความโดดเด่นในการลบดีบัฟออกจากตัวที่ถูกฮีล จุดเด่น / ข้อดีของตัวละคร โจมตีเหลือง / เกราะแดง  สกิล EX - ใช้แต้ม 4 ฮีลให้เพื่อน 1 เป้าหมาย 195% - 342% และลบดีบัฟ 1 อย่างออกจากเป้าหมาย (เฉพาะสกิลเลเวล 3 ขึ้นไป) มีดีที่ลบดีบัฟ สามารถใช้ในเรดบอสเพโรโร่ซิลล่าได้ สกิลพื้นฐาน - เพิ่มหลบหลีกให้เพื่อนที่มีเลือดต่ำสุด 1 เป้าหมายทุก ๆ 40 วินาที 50.9% - 67% ระยะเวลา 30 วินาที สกิลติดตัว - เพิ่มค่ารักษา 14% - 26.6% สกิลรอง - เพิ่มพลังป้องกันให้กับเพื่อน 9.1% - 17.3% จุดด้อย / ข้อเสียของตัวละคร สกิล EX ใช้แต้มถึง 4 ซึ่งค่อนข้างสูง ทำให้แย่งแต้มกับตัวในทีม ลบดีบัฟได้ใช้เฉพาะงาน โอกาสได้ใช้น้อย ถ้านับเฉพาะเรื่องฮีล เซรินะ จะได้เปรียบกว่าเพราะใช้แต้มแค่ 2 แถมมีสกิลพื้นฐานฮีลช่วยด้วย เมต้าในเกมเน้นการทำดาเมจ ซึ่งตัวนางเองไม่มีบัฟดาเมจให้ทีมเลย สรุป ไม่ใช่ตัวละครที่จำเป็นต้องปั้น แต่หากขาดตัวฮีลหรือตัวลบดีบัฟก็สามารถปั้นขึ้นมาใช้งานได้ (ส่วนตัวผมก็ใช้ลงเรดบอสเพโรโร่ซิลล่ากั...
อ่านเพิ่มเติม

[Blue Archive] รีวิวมารินะ (Marina)

-
รูปภาพ
   มารินะเป็นตัวละคร Striker สาย Tank ระดับ 3 ดาว ยืนด้านหน้า มีปืน SMG (Submachine gun) เป็นอาวุธคู่กาย เป็น Tank สายหลบอีก 1 ตัวของเกม ลงได้ได้ทุกโหมดที่ต้องใช้ตัว Tank  จุดเด่น / ข้อดีของตัวละคร โจมตีเหลือง / เกราะแดง ถนัดมากพื้นที่ในอาคาร Tank สายหลบที่มีบัฟหลบหลีกสูง สกิล EX - ทำดาเมจเป็นรูปทรงกรวยขนาดกว้าง 336% - 636% เดินหน้ายิง เป้าหมายถูกลดอัตราฟื้นฟูเลือดลง 23.9% - 45.5% เป็นเวลา 30 วินาที สกิลนี้ทำให้เหมาะในการลง PVP อย่างมาก เพื่อลดการฮีลของฝั่งตรงข้ามลง สกิลพื้นฐาน - เป็นอมตะเมื่อ HP ต่ำกว่า 20% เป็นเวลา 12 - 22.8 วินาที (ใช้ได้ 1 ครั้งต่อ 1 การต่อสู้เท่านั้น) สกิลติดตัว - เพิ่มหลบหลีก 14% - 26.6% สกิลรอง - เพิ่มหลบหลีก 20.1% - 38.3% ระหว่างที่ใช้งานสกิล EX จุดด้อย / ข้อเสียของตัวละคร 3 ดาวเปิดหาและปั้นได้ยาก แพ้ทางอย่างมากพื้นที่ในเมือง ไม่มีสกิลฮีลตัวเอง สรุป เป็น Tank สายหลบที่ดีมากอีกตัวหนึ่ง หากขาดตัว Tank แนะนำให้ปั้นมาใช้งานได้เลยครับ (แต่ก็ไม่แนะนำให้ถึงขั้นไปเปิดหานะ เก็บเพชรไว้เปิดตัว limited ดีกว่า)
อ่านเพิ่มเติม

[GIRLS' FRONTLINE 2: EXILIUM] รีวิว Colphne

-
รูปภาพ
  Colphne ตัวละคร Support ระดับ SR มีความสามารถฮีลได้ เน้นฮีลเป็นหลัก ละทิ้งทุกอย่าง จุดเด่น / ข้อดีของตัวละคร โจมตีธรรมดา - ทำดาเมจโล่ 3 (Stability Damage), โจมตีใส่ศัตรูได้ 1 เป้าหมายในระยะ 6 ช่อง ทำดาเมจ 80% เป็นกายภาพ สกิล 1 - เลือกพันธมิตร 1 เป้าหมายในระยะ 6 ช่อง ฮีลเท่ากับ 100% ของ ATK; บัฟ Continuous Healing II, Continuous Stability Regen I, Defense Up I, และ Shelter 1 เทิร์น; ได้รับแต้มสกิล 1 แต้ม; ที่ V1 หากฮีลเป้าหมายแล้ว HP เต็ม จะสุ่มบัฟให้ 1 บัฟ 2 เทิร์น Continuous Healing II: เด้งเลือด 20% ของ Max HP เมื่อจบการกระทำ Continuous Stability Regen I: ฟื้นฟูโล่ 1 หน่วยเมื่อจบการกระทำ Defense Up I: เพิ่มป้องกัน 20% Shelter: ลดดาเมจต่อโล่ลง 2 หน่วย และสูญเสีย 1 stack เก็บได้สูงสุด 3 stack สกิล 2 - CD 1; ทำดาเมจโล่ 4 (Stability Damage), เลือก 1 เป้าหมายในระยะ 6 ช่อง ทำดาเมจน้ำ 130%; ฮีลพันธมิตรที่มี HP ต่ำสุด 100% ของ ATK 1 เป้าหมาย; ที่ V2 จะได้บัฟ Action Support (ยิงสนับสนุน) 1 ครั้งในเทิร์นนี้ ท่าไม้ตาย - ใช้แต้มสกิล 2; เลือกพันธมิตร 1 คนในระยะ 8 ช่อง ฮีล 140% (ที่ V4 ...
อ่านเพิ่มเติม

[GIRLS' FRONTLINE 2: EXILIUM] รีวิว Makiatto

-
รูปภาพ
  Makiatto ตัวละคร Sentinel ระดับ SSR มีความสามารถโจมตีน้ำแข็ง เป็น DPS หลักของทีมน้ำแข็ง และยิงสวนศัตรูได้ จุดเด่น / ข้อดีของตัวละคร โจมตีธรรมดา - ทำดาเมจโล่ 2 (Stability Damage), โจมตีใส่ศัตรูได้ 1 เป้าหมายในระยะ 9 ช่อง ทำดาเมจ 80% เป็นกายภาพ สกิล 1 - ใช้แต้มสกิล 2; ทำดาเมจโล่ 1 (Stability Damage), โจมตีใส่ศัตรู 1 เป้าหมายในระยะ 9 ช่อง ทำดาเมจน้ำแข็ง 160%; หากติดคริจะทำดาเมจเพิ่มขึ้นอีก 30%; ได้รับบัฟ Cold Conviction 1 stack ทุกครั้งที่ทำดาเมจ; หากจัดการศัตรูได้จะได้รับแต้มสกิล 1 แต้ม ที่ V1 เปลี่ยนรูปแบบการโจมตี: โจมตี 2 ครั้ง โดยจะไม่เพิ่มคริดาเมจแล้ว และการทำดาเมจจะลดลงเหลือ 100% (จากเดิม 160%); หากครั้งแรกติดคริจะทำให้ครั้งที่ 2 การันตีคริไปเลย และดาเมจคริเพิ่มขึ้น 80% Cold Conviction: โจมตีแรงขึ้น 10% เก็บได้สูงสุด 3 stack, ผลของสกิลจะถูกลบล้างเมื่อใช้สกิลนอกเหนือจากสกิล 1 สกิล 2 - CD 3; ทำดาเมจโล่ 2 (Stability Damage), เลือกศัตรู 1 เป้าหมายในระยะ 9 ช่อง ทำดาเมจกายภาพ 130%; ได้รับแต้มสกิล 4 แต้ม และบัฟ Standard Approach 2 stack; หากไม่มีพันธมิตรคนอื่นในระยะ 3 ช่องจ...
อ่านเพิ่มเติม