<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
<script src="" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
<title></title>
</head>
<body v-on:keyup.enter="test">
<div id="div1">
<input v-bind:style="[style,style2,style3]" v-model="shuju" />
<div @click="test($event)">点击</div>
<div id="" v-if="s>1">
{{s}}
</div>
<div id="" v-else="">
3
</div>
</div>
<script>
var x = new Vue({
el: "#div1",
data: {
object: [],
shuju: 0,
style: {
color: 'red',
},
style2: {
fontSize: '20px',
},
style3: {
'font-weight': 'bold'
},
s: 2,
},
methods: {
test: function() {
this.shuju = this.shuju + 1
}
},
created() { //全局监听键盘事件
var _this = this;
document.onkeydown = function(e) {
let key = window.event.keyCode;
if (key == 13) {
_this.test();
}
};
}
});
</script>
</html>