想封装一个下拉组件来在一个页面中复用多次(如A和B都需要用到),但是子组件返回给父组件的值是用了ref里的值,以致于当我在A中选择了后,B的值也会变化
如何才能分开 让它们在一个页面中互相不影响呢?
我目前想到的解决办法只有把组件复制一次换一个ref
但是仅仅是为了换ref 而把组件代码全部复制出一份来 我觉得不太好,应该怎么处理呢
vue2+组件+ref+数据同步
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- 许失之 2021-12-09 19:20关注
我这里遇到过类似的情况,
我的解决办法是在子组件中动态生成一个uuid,
不论是id还是ref,都用uuid进行拼接,保证每一个子组件都独一无二:<div :ref="`xx${uuid}`"></div>
import { v4 as uuidv4 } from 'uuid'; data(){ return{ uuid: uuidv4(), } }
相当于子组件自己就生成了自己的身份证
如果感觉有帮助的话,还望采纳一下
有什么想法也欢迎尽情地提出来一起讨论呀~本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥17 pro*C预编译“闪回查询”报错SCN不能识别
- ¥15 微信会员卡接入微信支付商户号收款
- ¥15 如何获取烟草零售终端数据
- ¥15 数学建模招标中位数问题
- ¥15 phython路径名过长报错 不知道什么问题
- ¥15 深度学习中模型转换该怎么实现
- ¥15 HLs设计手写数字识别程序编译通不过
- ¥15 Stata外部命令安装问题求帮助!
- ¥15 从键盘随机输入A-H中的一串字符串,用七段数码管方法进行绘制。提交代码及运行截图。
- ¥15 TYPCE母转母,插入认方向