vue 项目 利用v-model 双向绑定的原理 实现频道和相应的频道内容实现内容一一对应的关系

效果目标:

v-model 原理:

v-model 本质上就是语法糖, 实际上,它就做了两个动作,

一个是绑定数据的value值,等于一个变量

一个是利用  $event.target.value的方法触发它的input 框

思路: 在用户的点击频道---> 关闭弹出层 ---->this.$emit 触发--->  v-model 双向数据绑定

1.在用户的点击频道 -- > 关闭弹出层--->用this.$emit 的方法绑定一个与之前一一对应的closeEV

 2. v-model 绑定和tab 导航栏保持一致

 3.触发v-model绑定的input 事件,把值传出去绑定给v-model对应vue 变量

猜你喜欢

转载自blog.csdn.net/weixin_59519449/article/details/124147149
今日推荐