介绍 Vue.directive(& # 39;在# 39;).keyCodes.ctrl=17;
Vue.directive(& # 39;在# 39;).keyCodes.myenter=13; Vue.directive(& # 39;在# 39;).keyCodes.ctrl=17;
Vue.directive(& # 39;在# 39;).keyCodes.myenter=13; & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能title> & lt;/title>
& lt;才能style>
& lt;才能/style>
& lt;才能script src=皏ue.js"祝辞& lt;/script>
& lt;才能script>
,,,Vue.directive(& # 39;在# 39;).keyCodes.ctrl=17;//,,,Vue.directive(& # 39;在# 39;).keyCodes.myenter=13;
,,,window=function () {
,,,,,var Vue ({vm=new
,,,,,,,el: & # 39; #箱# 39;
,,,,,,,数据:{
,,,,,,,,,答:& # 39;蓝# 39;
,,,,,,,},
,,,,,,,方法:{
,,,,,,,,,表明:函数(){
,,,,,,,,,,,提醒(1);
,,,,,,,,,}
,,,,,,,}
,,,,,});
,,,};
& lt;才能/script>
& lt;/head>
& lt; body>
& lt;才能div id=癰ox"比;
,,,& lt; input 类型=皌ext", @keydown.myenter=皊how |, debounce 2000年,在
& lt;才能/div>
& lt;/body>
& lt;/html> & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能title> & lt;/title>
& lt;才能script src=皏ue.js"祝辞& lt;/script>
& lt;才能script>
,,,window=function () {
,,,,,var Vue ({vm=new
,,,,,,,el: & # 39; #箱# 39;
,,,,,,,数据:{
,,,,,,,,,json:{名称:& # 39;努力# 39;,年龄:16},
,,,,,,,,,b: 2
,,,,,,,}
,,,,,});
,,,,vm。看美元(& # 39;json # 39;函数(){
,,,,,,,警报(& # 39;发生变化了& # 39;);//浅监听,json里面某个属性变,是不会监听到的
,,,,,});
,,,,,document.onclick=function () {
,,,,,,,vm.json.name=& # 39; aaa # 39;;
,,,,,};
,,,};
& lt;才能/script>
& lt;/head>
& lt; body>
& lt;才能div id=癰ox"比;
,,,{{| json json}}//json过滤相当于,JSON.string
,,,& lt; br>
,,,{{b}}
& lt;才能/div>
& lt;/body>
& lt;/html> & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能title> & lt;/title>
& lt;才能script src=皏ue.js"祝辞& lt;/script>
& lt;才能script>
,,,window=function () {
,,,,,var Vue ({vm=new
,,,,,,,el: & # 39; #箱# 39;
,,,,,,,数据:{
,,,,,,,,,json:{名称:& # 39;努力# 39;,年龄:16},
,,,,,,,,,b: 2
,,,,,,,}
,,,,,});
,,,,vm。看美元(& # 39;json # 39;函数(){
,,,,,,,警报(& # 39;发生变化了& # 39;);
,,,,,},{深:真});
,,,,,document.onclick=function () {
,,,,,,,vm.json.name=& # 39; aaa # 39;;
,,,,,};
,,,};
& lt;才能/script>
& lt;/head>
& lt; body>
& lt;才能div id=癰ox"比;
null
null
null
null
null
null
本篇文章为大家展示了怎么在vue中自定义键盘信息,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
@keydown.up
@keydown.enter
@keydown.a/b/c ....
自定义键盘信息:
@keydown.a/b/c ....
& lt; input 类型=皌ext", @keydown.c=皊how"在
自定义键盘信息:
<强>监听数据变化:
vm.el/el/mount/选项/美元....
vm。看美元(名称、fnCb);//浅度
vm。看美元(名称、fnCb{深:真});//深度监视
