国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue.js指令v-model實現方法

2019-11-19 18:40:22
字體:
來源:轉載
供稿:網友

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事件來更新對應對象的值。

本文已被整理到了《Vue.js前端組件學習教程》,歡迎大家學習閱讀。

關于vue.js組件的教程,請大家點擊專題vue.js組件學習教程進行學習。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 卢龙县| 巧家县| 元江| 静安区| 青海省| 霍林郭勒市| 垣曲县| 吉木萨尔县| 延边| 吕梁市| 长沙县| 毕节市| 临城县| 双江| 新兴县| 屏南县| 曲沃县| 太白县| 阳西县| 团风县| 法库县| 岳池县| 锡林浩特市| 新疆| 连山| 偏关县| 乌兰察布市| 祁东县| 永福县| 分宜县| 原平市| 北川| 兴山县| 濉溪县| 桃江县| 孝义市| 双鸭山市| 五家渠市| 烟台市| 民权县| 资兴市|