v-on指令
On 指令
2023-09-14 08:57:25 时间
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <button v-on:click="onClick()" v-on="{mouseenter:onEnter,mouseleave:onOut}">点我吧</button> <!--<form v-on:submit="onSubmit($event)">--> <form @keyup.enter="onKeyup" v-on:submit.prevent="onSubmit"> <!--<form v-on="k" v-on:submit.stop="onSubmit">--> <input type="text"> <input type="submit" value="提交"> </form> </div> <script src="../lib/vue.js"></script> <script src="js/main.js"></script> </body> </html>
var app = new Vue(
{
el:"#app",
data:{
},
methods:{
onClick:function () {
console.log("点击了")
},
onEnter:function () {
console.log("进来了")
},
onOut:function () {
console.log("出去了")
},
onSubmit:function (e) {
e.preventDefault();
console.log("表单提交")
},
onKeyup:function () {
console.log("huichecaozuo ")
}
}
}
)
相关文章
- [React Intl] Render Content Based on a Number using react-intl FormattedMessage (plural)
- [CoffeeScript] Level 5: More on jQuery
- Plugging mcrypt into PHP, on Mac OS X Snow Leopard 10.6.1[转]
- Android Studio解决unspecified on project app resolves to an APK archive which is not supported
- ListView random IndexOutOfBoundsException on Froyo
- [Javascript] Drawing Styles on HTML5 Canvas
- win10安装jenkins报错0x8007052e -Error logging on
- Spark on Yarn集群多Application并行执行
- spark on yarn任务提交及运行完整流程图
- 一些SAP S4CRM On-Premises开发的代码审查,2017-02-14
- Update operation on extension field created by AET
- 在SAP云平台的CloudFoundry环境下消费ABAP On-Premise OData服务
- 成功解决 Exception: URL fetch failure on https://s3.amazonaws.com/img-datasets/mnist.npz: None -- [Errno
- Vue学习之--------内置指令的使用【v-bind、v-model、v-for、v-on、v-if 、v-else、v-show、v-text。。。】(2022/7/19)
- 论文解读(ValidUtil)《Rethinking the Setting of Semi-supervised Learning on Graphs》
- Qt on Android:QTableView不显示选中虚框
- PAT 1127 ZigZagging on a Tree[难]
- 联机事务处理OLTP(on-line transaction processing)和联机分析处理OLAP(On-Line Analytical Processing)
- 《论文阅读》Empathetic Response Generation through Graph-based Multi-hop Reasoning on Emotional Causality
- 【ML on Kubernetes】第 4 章:机器学习平台剖析
- 【ML on Kubernetes】第 3 章:探索 Kubernetes