vue v-on 带参事件
2024-08-29 22:48:48
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数组里
最新文章
- Python的平凡之路(14)
- HTML静态网页导航制作
- 论文笔记之:MatchNet: Unifying Feature and Metric Learning for Patch-Based Matching
- [Flex] PopUpButton系列 —— 设置弹出菜单与主按钮之间的间隔
- MAC上 nodejs express 安装
- RH6030 单通道触摸感应开关
- 算法 - 乞讨n中位数(C++)
- C#密封类和密封方法--C#基础
- 菜鸟学python之程序初体验
- 了不起的WebRTC:生态日趋完善,或将实时音视频技术白菜化
- [福大软工] Z班 团队Beta阶段成绩汇总
- scrum学习笔记
- python爬虫----XPath
- Eclipse 中 Could not find *.apk的解决方案
- getActionBar()为null的解决方法总结(引用他人)
- ref:Adding AFL Bloom Filter to Domato for Fun
- 第一百九十节,jQuery,编辑器插件
- Plist文件与数据解析
- 后勤LO采购数据源增强
- 台州学院we are without brain 训练 后缀数组
热门文章
- Selenium =>; Debugging “Element is not clickable at point” error
- Q686 重复叠加字符串匹配
- Spark (Python版) 零基础学习笔记(一)—— 快速入门
- java中获得对象的方法
- 设计模式学习总结(五)创建者模式(Builder)
- DP Intro - Tree POJ2342 Anniversary party
- AUTO Uninstaller【教程】AUTODESK系列软件MAYA,3DSMAX,CAD,INVENTOR,REVIT修复卸载工具 Windows x64位
- async/await 的一些知识 (死锁问题)
- TOJ 1856 Is It A Tree?
- TOJ 1883 Domino Effect