//index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
</head>
<body>
<div id="vue-app">
<label>姓名:</label>
<input type="text" @keyup="logname">
<br/>
<label>年龄:</label>
<input type="text" @keyup.enter="logyear">
<br/>
<label>性别:</label>
<input type="text" @keyup.alt.enter="logsex">
</div>
<script src="app.js"></script>
</body>
//app.js
new Vue({
el:"#vue-app",
data:
{
},
methods:
{
logname:function()
{
console.log("你正在输入名字");
},
logyear:function()
{
console.log("你正在输入年龄");
},
logsex:function()
{
console.log("你正在输入性别");
}
}
});
第一个例子:只要按下键盘,控制台就会显示,你正在输入名字
第二个例子:只有当按下回车,控制台才会显示,你正在输入年龄
第三个例子:只有同时按下alt+enter,控制台才会显示,你正在输入性别
这样的方法还有很多
PS:dreamweaver控制器如果显示乱码,通过修改->页面属性->utf-8
即可成功