## 官方文档： https://uniapp.dcloud.io/component/input.html ## 代码案例： ``` <form @submit="" @reset=""> <text>用户名:{{username}}</text> <input class="uni-input" @input="input1" type="text" value="" /> </form> ``` ``` <script> export default { data() { return { username:'' } }, onLoad() { }, methods: { input1(e){ console.log(e.detail.value); //打印input的值 this.username=e.detail.value; //赋值给username } } } </script> <style> input{ background-color:#999799; } </style> ```