怎么在vue.js中使用v-model实现表单元素双向数据绑定
本篇文章为大家展示了怎么在vue.js中使用v-model实现表单元素双向数据绑定,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
v-model 一般表单元素(input) 双向数据绑定
el:'#box',
//这里放的是选择器。
不然会不生效
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net vue.js数据双向绑定</title> <style> </style> <script src="https://cdn.bootcss.com/vue/2.4.4/vue.min.js"></script> <script> window.onload=function(){ new Vue({ el:'#box',//这里放的是选择器 data:{ msg:'welcome vue' } }); }; </script> </head> <body> <div id="box"> <input type="text" v-model="msg"> <br> {{msg}} </div> </body> </html>
上述内容就是怎么在vue.js中使用v-model实现表单元素双向数据绑定,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。