vue 事件绑定

末蓝、 2022-05-31 09:57 468阅读 0赞 
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
  6.         <title></title>
  7.     </head>
  8.     <body>
  10.         <div id="app">
  11.             <input type="text" placeholder="请输入" @keyup.13="show($event)" />
  12.         </div>
  15.         <script type="text/javascript"> var app = new Vue({ el: '#app', data: { name: 'Vue.js' }, mounted: function() { // 绑定 enter 事件到 body this.bodyListener = (e) => { if(e.keyCode === 13 && e.target === document.body) { alert('you press enter') } } document.body.addEventListener('keyup', this.bodyListener, false) }, methods: { // 绑定 enter 事件到 input 元素 show: function(ev) { if(ev.keyCode == 13) { alert('按了回车') } } } }) </script>
  17.     </body>
  18. </html>

发表评论

表情：
评论列表 （有 0 条评论，468人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue_给组件绑定原生事件

    当我们使用组件的时候，想点击组件触发事件，要在子组件里定义触发事件，在父组件定义是没用的. 只有从子组件往外触发自定义事件，父组件里定义的触发函数才有用。 那么怎么样才能直

    比眉伴天荒比眉伴天荒/ 0 赞/ 398 阅读