码迷,mamicode.com
首页 > 其他好文 > 详细

v-model的妙用!

时间:2018-11-05 17:27:01      阅读:592      评论:0      收藏:0      [点我收藏+]

标签:img   hnu   9.png   model   mode   mit   .com   alt   span   

v-model众所周知都是双向绑定。

之前的vue项目就是用在文本框等等的。并没有用过v-model来做组件之前的双向绑定。

技术分享图片父组件声名berthNull组件,对plateColor做一个双向绑定

在berthNull中,props:

技术分享图片

 在监听中写上对value的监听,其实value就是传过来的plateColor,这里要写一个imediate(马上),就是立即执行

技术分享图片

在berthNull中声名一个plateColor,将数据传递回去$emit("input", newVal);

记住如果v-model绑定的是对象。则需要深度监听。deep: true;

 

v-model的妙用!

标签:img   hnu   9.png   model   mode   mit   .com   alt   span   

原文地址:https://www.cnblogs.com/-wch/p/9909876.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!