一个页面多次使用同一个组件,传值问题
Posted 银翘解毒片
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个页面多次使用同一个组件,传值问题相关的知识,希望对你有一定的参考价值。
如果按照常规操作,会发现,组件之间的值会相互影响
解决方案1:使用不同的标识
会发现,处理起来很繁琐
解决方案2:使用.sync修饰符,进行双向数据绑定
只需要在使用组件时,控制autoValue属性,即可实现是否进行双向数据绑定.
*********************************************************************************************************************************
以下是相同组件使用的一个bug问题
问题:写一个上传图片的公共组件,当一个页面用多次时,点击任何一个组件,只会在第一个组件中显示数据
废话不说,上代码
原因是: 组件中使用元素id获取元素,多个组件中获取的的是相同的ID,所以默认取的是第一个,且只有第一个有值
解决方案: 使用ref属性获取元素
以上是关于一个页面多次使用同一个组件,传值问题的主要内容,如果未能解决你的问题,请参考以下文章