[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] รีวิวมารินะ (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 ดีกว่า)
อ่านเพิ่มเติม

[Silver and Blood] รีวิว เซราฟินา (Seraphina)

-
รูปภาพ
   เซราฟินา (Seraphina) ตัวละครนักยิง สังกัดคริสตจักร 1 ในทีมนักล่าสายลม สามารถบัฟคริดาเมจให้กับทีมนักล่าสายลมได้ จุดเด่น / ข้อดีของตัวละคร โจมตีปกติ - ที่เลเวล 10 ทำดาเมจกายภาพ 150% และมอบ "ขนนกส่องแสง" 1 สแต็กให้โดยถาวร ขนนกส่องแสง: เมื่อผู้ถือครองตายลง ทั้งหมดนั้นจะแปลงเป็น "ขนนกแห่งสงคราม" ในจำนวนที่เท่ากันให้แก่เซราฟินา สะสมสูงสุด 20 สแต็ก ขนนกแห่งสงคราม: อัตราคริเพิ่มขึ้น +6%, ดาเมจคริเพิ่ม +8%; สะสมได้สูงสุด 20 สแต็ก สกิลพิเศษ - ทำงานหนึ่งครั้งทุก ๆ 3 การโจมตีปกคิ โดยยิงขนนกออกเป็นรูปกรวยไปยังเป้าหมาย ที่เลเวล 10 ทำดาเมจกายภาพ 600% และมอบ "ขนนกส่องแสง" 1 สแต็ก พรสวรรค์ - - "กลไกล" (ยิ่งเป้าหมายอยู่ไกลยิ่งแรง แต่ยิ่งใกล้ยิ่งเบา) - เมื่อเริ่มต่อสู้ จะมอบบัฟ "เพิ่มความไวโจมตีขึ้น (เล็กน้อย)" ให้ตัวเองและพวกพ้องบนช่องด้านหน้าและด้านซ้ายของนางอย่างถาวร ไม่สามารถลบล้างได้ - เมื่อนักล่าสายลมหลบดาเมจจากโจมตีปกติได้ จะได้รับ "ขนนกแห่งสงคราม" 1 สแต็ก เป็นเวลา 10 วิ เอฟเฟกต์นี้จะถูกใช้ได้งาน 1 ครั้งในทุก ๆ 2 วิ อัลติเมท - ค่า cost...
อ่านเพิ่มเติม

[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] รวมล็อบบี้ความทรงจำ (Live2D)

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

[Stella Sora] รีวิว Shia

-
รูปภาพ
   Shia ตัวละคร Vanguard ระดับ 5 ดาวธาตุแสง มีความสามารถใช้โดรนในการช่วยต่อสู้ ทำดาเมจได้ทั้ง AoE และเป้าหมายเดี่ยว หมายเหตุ:  บทความของเกมนี้จะอธิบายสกิลแบบย่อให้เข้าใจการทำงาน ไม่ลงเรื่องตัวเลข เนื่องจากสกิลที่ใช้งานควรจะอัพให้เต็มอยู่แล้ว จุดเด่น / ข้อดีของตัวละคร โจมตีธรรมดา - ทำดาเมจระยะไกลเป็นธาตุแสง โดยโดรนกระต่ายดำสามารถทำดาเมจ AoE ได้หากใส่ potential "Lunar Detonation" Main Skill - เรียกโดรนให้ล้อมศัตรูเป้าหมายและโจมตีด้วยธาตุแสง โดยโดรนกระต่ายขาวโจมตีเดี่ยว ส่วนโดรนกระต่ายดำทำดาเมจ AoE; สามารถทริกเกอร์มาร์คธาตุแสงได้; CD 14 วิ Ultimate - ยิงเลเซอร์ใส่ศัตรูด้วยดาเมจแสงอย่างต่อเนื่อง โดยเราสามารถบังคับเลเซอร์ได้ว่าจะยิงไปที่ไหน (เปลี่ยนจากบังคับตัวละครมาบังคับเลเซอร์แทน); ทริกเกอร์มาร์คธาตุแสงได้; CD 40 วิ; cost 340 (น่าสนใจ) Potential ตอนเป็น support สามารถเรียกโดรนมายืนข้างตัวละคร main ช่วยทำดาเมจได้ อีกทั้งมี potential เพิ่มคริดาเมจให้กับตัวละครธาตุแสงด้วย (เพียงเลเวล 1 ก็เพิ่มถึง 30% แล้ว) จุดด้อย / ข้อเสียของตัวละคร เป็นตัวยิงไกล เวลา auto มักจะยืนนิ่ง ๆ อยู่...
อ่านเพิ่มเติม