关于#微信小程序#的问题:最近在做微信小程序,然后想问一下导入vant库后使用popup弹出层做多个弹出层只能弹出最后一层的内容(语言-javascript)

最近在做微信小程序,然后想问一下导入vant库后使用popup弹出层做多个弹出层只能弹出最后一层的内容,这是为什么,希望朋友们可以帮我一下,最好可以写一下解答过程,我试过把show换成数组但是我不会怎么操作,还望老哥们指点一二

img

img

以下内容由CHATGPT及阿里嘎多学长共同生成、有用望采纳:

这个问题可能是因为你只有一个popup实例,每次打开新的弹出层时,都会覆盖之前的内容。解决方法是每个弹出层都要新建一个popup实例,或者使用数组保存多个弹出层实例。下面是使用数组保存多个弹出层实例的示例代码:

// 在data中定义一个数组,保存弹出层实例
data: {
  popups: []
}

// 在需要打开弹出层的地方,动态创建一个弹出层实例并加入数组
let popup = this.selectComponent('#popup');
this.data.popups.push(popup);

// 在需要关闭弹出层的地方,从数组中取出最后一个弹出层实例并关闭
let popup = this.data.popups.pop();
popup && popup.close();

这样,每个弹出层都有自己的实例,就不会出现覆盖之前内容的问题了。