您的位置:首页> 日志> 前端技术 正文

一、功能要求

1、实现对输入框input赋值

2、实现输入信息后自动提示输入的信息

二、Jquery实现

    <div id="app">
        <input  type="text">
        <p></p> 
        <p></p>     
    </div>
    <script type="text/javascript">
       var values="123456";
       var fn=function(values){
              $("input").val(values); 
              $("p").text("输入的信息:"+values);               
       }
       fn(values);  
       $("input").keyup(function(){     
          values=$("input").val();       
          fn(values);
       });
    </script>

三、Vue实现

   <div id="app">
      <input  type="text" v-model="values">
      <p>{{"输入的信息:"+values}}</p>       
   </div>
  <script>
    new Vue({
       el:"#app",
       data:{values:"123456"}        
    })
   </script>