圆月山庄资源网 Design By www.vgjia.com
一、表单控件绑定v-model
v-model 双向数据绑定;一般用于表单元素,会忽略表单元素的value、checked、selected
的初始值,且将Vue实例的数据作为数据来源。
① 单行文本框 input[type="text"]
、多行文本框 textarea:
v-model值绑定到value属性;
<body> <div id="app"> <input type="text" v-model="username" value="我是初始值,但是我被忽略了"><br/> <textarea v-model="schoolname" value="我是初始学校:北大青鸟"></textarea><br/> </div> <script src="/UploadFiles/2021-04-02/vue.js">ps:下面看下Vue v-bind v-model的使用
v-model 指令在表单控件元素上创建双向数据绑定,所谓双向绑定,指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致,两者无论谁被改变,另一方也会相应的更新为相同的数据
最基础的就是实现一个联动的效果
<body> <div class="app"> <span>Multiline message is:</span> <p>{{message}}</p> <br> <textarea name="" v-model="message" placeholder="please write..."></textarea> </div> </body> <script> new Vue({ el:'.app' }) </script>checkbox
<body> <div class="app"> <input type="checkbox" id="jack" value="jack" v-model="checkedNames"> <label for="jack">jack</label> <input type="checkbox" id="John" value="John" v-model="checkedNames"> <label for="jack">John</label> <input type="checkbox" id="Mike" value="Mike" v-model="checkedNames"> <label for="jack">Mike</label> <br> <span>Checked names:{{checkedNames}}</span> </div> </body> <script> new Vue({ el:'.app', data:{ checkedNames:[] } }) </script>v-bind
有些指令可以在其名称后面带一个“参数” (Argument),中间放一个冒号隔开。例如,v-bind 指令用于响应地更新 HTML 特性
总结
以上所述是小编给大家介绍的vue指令之表单控件绑定v-model v-model与v-bind结合使用 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
圆月山庄资源网 Design By www.vgjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
圆月山庄资源网 Design By www.vgjia.com
暂无评论...
更新日志
2024年12月30日
2024年12月30日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]