一个vue页面引用同一个子组件两次,第二个不显示问题(已解决)
一个页面引用同一个子组件两次,第二个不出现问题(已解决)
·
开发页面是一个带tab切换身份的注册页面,页面需要调用一个图片验证码的组件,因为是tab切换,所以需要调用两次,如下图:
原因分析:子组件中有获取页面标签实例的代码,且这个代码是写死的,就会导致父页面多次调用的时候获取的是同一个元素,这是不对的。如果一个页面引用多次该组件,这个获取实例的代码就应该写成动态的。
解决方法:将子组件中的id选择器设置成动态获取,且由父页面传递过来,父页面调用了几次,就传几个不同的值过来。
(代码截图均为子组件截图)
更多推荐
所有评论(0)