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

一个页面多次使用同一个组件,传值问题

时间:2020-04-07 18:35:43      阅读:302      评论:0      收藏:0      [点我收藏+]

标签:sync   oval   绑定   方案   mamicode   load   数据绑定   默认   页面   

如果按照常规操作,会发现,组件之间的值会相互影响

解决方案1:使用不同的标识

 

 技术图片

 会发现,处理起来很繁琐

解决方案2:使用.sync修饰符,进行双向数据绑定

技术图片

 

只需要在使用组件时,控制autoValue属性,即可实现是否进行双向数据绑定.

 

*********************************************************************************************************************************

以下是相同组件使用的一个bug问题

问题:写一个上传图片的公共组件,当一个页面用多次时,点击任何一个组件,只会在第一个组件中显示数据

废话不说,上代码

技术图片

 

技术图片

 

原因是: 组件中使用元素id获取元素,多个组件中获取的的是相同的ID,所以默认取的是第一个,且只有第一个有值

解决方案: 使用ref属性获取元素

技术图片

 

一个页面多次使用同一个组件,传值问题

标签:sync   oval   绑定   方案   mamicode   load   数据绑定   默认   页面   

原文地址:https://www.cnblogs.com/huangaiya/p/12654776.html

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