1.js 代码
- var list = [ // 定义一个数组
- {
- title: 123
- }]
- 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 数组里
来源: http://www.bubuko.com/infodetail-2525375.html