v-model
指令可以实现数据的双向绑定,也就是说如果input
标签添加v-model
指令后,在页面上修改input
内的文本,会直接改变v-model
绑定的变量,示例代码如下所示:
1 <body>
2 <div id="app">
3 <h1>数据绑定:{{message}}</h1>
4 <input type="text" v-model="message">
5 </div>
6 <script src="../../script/vue.js"></script>
7 <script>
8 new Vue({
9 el:"#app",
10 data:{
11 message:"123"
12 }
13 })
14 </script>
15 </body>
利用双向数据绑定完成表单提交的操作
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。