zoukankan      html  css  js  c++  java
  • V-MODEL指令实现方法

    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事件来更新对应对象的值。

  • 相关阅读:
    用Python实现多核心并行计算
    Sublime Text 中文乱码
    Python_pickle
    New blog
    git Bash常用命令
    用TTS实现文本转语音
    bc#54 div2
    用Python制作新浪微博爬虫
    hdu5000 背包dp
    mac下配置Qt for Android+iOS
  • 原文地址:https://www.cnblogs.com/yg_zhang/p/6132663.html
Copyright © 2011-2022 走看看