1.js代码

var list=[               //定义一个数组
{title:}
]
var box=new Vue({
el:'.box',
data:{
list:list
},
methods:{
//data为传参,ev事件对象
on(data,ev){
this.list.push({        //数据追加
title:ev.target.value    //ev.target.value :输入框的值
     })
   }
}

2.html代码

<div class="box">
<input v-on:keyUp.enter="on(123,$event)"/> <!--$event:固定值,事件对象-->
<li v-for='item in list'>
<p>{{item.title}}</p>
</li>
</div>

注解:1.v-on:keyUp.enter      回车键按下事件

   2.每次按下回车键,将输入框中的值都追加到list数组里

最新文章

  1. Python的平凡之路(14)
  2. HTML静态网页导航制作
  3. 论文笔记之:MatchNet: Unifying Feature and Metric Learning for Patch-Based Matching
  4. [Flex] PopUpButton系列 —— 设置弹出菜单与主按钮之间的间隔
  5. MAC上 nodejs express 安装
  6. RH6030 单通道触摸感应开关
  7. 算法 - 乞讨n中位数(C++)
  8. C#密封类和密封方法--C#基础
  9. 菜鸟学python之程序初体验
  10. 了不起的WebRTC:生态日趋完善,或将实时音视频技术白菜化
  11. [福大软工] Z班 团队Beta阶段成绩汇总
  12. scrum学习笔记
  13. python爬虫----XPath
  14. Eclipse 中 Could not find *.apk的解决方案
  15. getActionBar()为null的解决方法总结(引用他人)
  16. ref:Adding AFL Bloom Filter to Domato for Fun
  17. 第一百九十节,jQuery,编辑器插件
  18. Plist文件与数据解析
  19. 后勤LO采购数据源增强
  20. 台州学院we are without brain 训练 后缀数组

热门文章

  1. Selenium =&gt; Debugging “Element is not clickable at point” error
  2. Q686 重复叠加字符串匹配
  3. Spark (Python版) 零基础学习笔记(一)—— 快速入门
  4. java中获得对象的方法
  5. 设计模式学习总结(五)创建者模式(Builder)
  6. DP Intro - Tree POJ2342 Anniversary party
  7. AUTO Uninstaller【教程】AUTODESK系列软件MAYA,3DSMAX,CAD,INVENTOR,REVIT修复卸载工具 Windows x64位
  8. async/await 的一些知识 (死锁问题)
  9. TOJ 1856 Is It A Tree?
  10. TOJ 1883 Domino Effect