vue.js指令v-model实现方法
生活随笔
收集整理的這篇文章主要介紹了
vue.js指令v-model实现方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
原文鏈接：http://www.jb51.net/article/99097.htm
V-MODEL 是VUE 的一個指令，在input 控件上使用時，可以實現雙向綁定。
通過看文檔，發現他不過是一個語法糖。
實際是通過下面的代碼來實現的：
<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%> <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="vue/vue.js"></script> </head> <body><div id="app-6"><input :value="person.name" @input="person.name = $event.target.value"><input :value="person.age" @input="person.age =$event.target.value">{{person}}</div><script type="text/javascript">var app =new Vue({el: '#app-6',data:{person:{name:"ray",age:19}}})</script> </body> </html> 經測試：這里的：<input :value="person.name" @input="person.name = $event.target.value">如果data里沒有對應的值，即使在這里寫了value也是顯示不出來的。轉載于:https://www.cnblogs.com/gavinyyb/p/6599113.html
總結
以上是生活随笔為你收集整理的vue.js指令v-model实现方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： poj 3680 Intervals
- 下一篇： Vue入门 ---- vue-loade