<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue-dev/vue-dev/dist/vue.min.js"></script> <script src="vue-router.js"></script> </head> <body> <div id="app"> <input type="text" v-model="firstname" @keyup="getFullname">+ <input type="text" v-model="lastname" @keyup="getFullname">= <input type="text" v-model="fullname" > </div> <script> var vm = new Vue({ el:"#app", data:{ firstname:"", lastname:"", fullname:"", }, methods:{ getFullname(){ this.fullname = this.firstname + '-' +this.lastname } } }) </script> </body> </html>
使用keyup事件实现名字案例
最新推荐文章于 2023-09-27 15:18:59 发布