Vue.js: Data Binding

7 ก.ค. 2018, 2:14:39

813

สำหรับ 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>

มานพ กองอุ่น

มานพ กองอุ่น : Developer

ความคิดเห็น

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