ITXP365(智码IT网)

分享电脑知识,传播IT技巧

致敬爱学习的您,祝您访问愉快!

vue2之v-on指令示例:通过@keyup.enter绑定文本框回车事件


发布:智码IT网   阅读:
    <!--
        v-on 指令:绑定回车事件(@keyup.enter)
    -->
    <div id="app">
      <input type="text" v-model="str" @keyup.enter="doWork">
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.7.9/vue.common.dev.min.js"></script>
    <script>
      var app = new Vue({
        el: "#app",
        data: {
         str:"",
        },
        methods:{
          doWork:function(){
            console.log('您录入的是:'+this.str);
          }
        }
      });
    </script>

效果
上一篇:没有了
下一篇:没有了

© 2001-智码IT网 www.itxp365.com版权所有

蜀ICP备2021001527号