<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue-2.6.10.js"></script> </head> <body> <div id="root"> <input type="text" id="username" v-model:value="username" /> </div> </body> </html> <script> // 将浏览器的错误不显示 Vue.config.productionTip = false; new Vue({ el: "#root", data: { username: "admin" } }); //let username = "admin"; /*// 需求:将username的值设置到input输入框里面 // 1. 获取输入框 let user = document.getElementById("username"); user.value = username;*/ // 需求:将输入框里面的值设置到username中 /*let user = document.getElementById("username"); username = user.value; console.log(username);*/ </script>
Vue基础-将username的值设置到input输入框里面
最新推荐文章于 2023-11-11 09:18:10 发布