Vue.js: Data Binding

wave
มานพ กองอุ่น 7 ก.ค. 2018 02:14:39 5,455

logo.png

สำหรับ data binding นั้นมีหลายแบบมาทดลองเขียน binding สำหรับ html element ดังตัวอย่างต่อไปนี้

กำหนดผ่าน v-bind:html element เช่น

<input type="text" v-bind:value="text" /> <br />

หรือ กำหนด ผ่าน : (colon) เช่น

<a :href="web">ProgrammerThailand</a>

หากตัวแปรที่จะ binding นั้นเป็น html code ก็สามารถใช้ v-html ได้ เช่น

<p v-html="htmlContent"></p>

See the Pen Vue10 by Manop Kongoon (@kongoon) on CodePen.


ความคิดเห็น

หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com

เขียนบทเรียนรู้ของคุณ

รายละเอียด
  • ดู 5,455
  • รักเลย 0
  • หมวดหมู่ VueJS
  • เขียนเมื่อ
  • แก้ไขเมื่อ
  • Tags vuejs data binding
ข้อมูลผู้เขียน
มานพ กองอุ่น

มานพ กองอุ่น

เป็นสมาชิกเมื่อ: 18 ธ.ค. 2009