<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="js/vue.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> //创建Vue实例,得到 ViewModel var vm = new Vue({ el: '#app', data: { firstname:'', lastname:'', fullname:'' }, methods: { getFullName(){ this.fullname=this.firstname + '-' + this.lastname; } } }); </script> </body> </html>
vue 之 监听案例----1.keyup
猜你喜欢
转载自www.cnblogs.com/linm/p/12522115.html
今日推荐
周排行