举一个el-input使用v-on:input双向绑定数据的详例

好的，这是一个el-input使用v-on:input双向绑定数据的详例：

<template>
<div>
<label>用户名：</label>
<el-input v-model="username" placeholder="请输入用户名" v-on:input="changeUsername"></el-input>

<br><br>

<label>密码：</label>
<el-input v-model="password" placeholder="请输入密码" v-on:input="changePassword"></el-input>

<br><br>

<p>用户名：{{ username }}</p>
<p>密码：{{ password }}</p>
</div>
</template>

<script>
export default {
data () {
return {
username: '',
password: ''
}
},
methods: {
changeUsername(val) {
this.username = val
},
changePassword(val) {
this.password = val
}
}
}
</script>

当用户输入用户名或密码时，该组件中的changeUsername和changePassword方法会被调用，将输入的值赋给username和password。由于使用了双向绑定，当username和password的值发生变化时，组件中的p标签会自动更新显示最新的用户名和密码。