vue自定义组件绑定事件,vue动态绑定数据

　　这篇文章主要为大家介绍了某视频剪辑软件之表单事件的数据绑定，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助，希望能够给你带来帮助

　　身体

　　div id=root

　　表单操作= @submit.prevent=demo

　　=TW 的标签姓名：/标签

　　输入类型= text id= TW v-model。trim= userinfo。客户 brbr密码：

　　输入类型= password id= pa v-model= userinfo。密码 brbr年龄：

　　输入类型=数字垂直模型。number= userinfo。年龄 brbr性别：输入类型= radio name= sex value= male v-model= userinfo。“性”男

　　输入类型= radio name= sex v-model= userinfo。“性别”值=“女性”女芭芭拉爱好：所属校区：

　　select v-model=userInfo.city

　　选项值=学校请选择校区/选项

　　选项值=北京北京/选项

　　期权价值=上海上海/选项

　　期权价值=深圳深圳/选项

　　/选择

　　芭芭拉

　　输入类型=复选框v-model=userInfo.hobby value=研究学习

　　输入类型=复选框v-model= userinfo。爱好值=唱唱歌

　　输入类型= checkbox v-model= userinfo。爱好价值=舞蹈跳舞

　　输入类型= checkbox v-model= userinfo。爱好价值=游戏王者芭芭拉其他信息：

　　textarea name= 垂直模型。lazy= userinfo。其他/textarea brbr

　　输入类型=复选框v-model=userInfo.agree 阅读并接受

　　a href=# 《用户协议》 /abutton提交/按钮

　　/表单

　　/div

　　脚本

　　vue。配置。生产提示=假；

　　新Vue({

　　el: #root ，

　　数据：{

　　用户信息：{

　　帐户： ,

　　密码： ,

　　年龄： ,

　　性别："女性",

　　城市：北京，

　　爱好：[],

　　其他： ,

　　同意： ,

　　}

　　},

　　方法：{

　　演示(){

　　控制台。log(JSON。stringify(这个。userinfo))；

　　}

　　}

　　})

　　/脚本

　　/body

总结

　　本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。