addModel(x,y,z){
      let model = null;
      model = this.scene.createElement(xrFrameSystem.XRGLTF, {"model":"miku","anim-autoplay":"","cube-shape":"autoFit:true","shape-gizmo":""});
      model.event.add("touch-shape",this.tapScreen);

            this.modelRoot.addChild(model);
      let transform = model.getComponent(xrFrameSystem.Transform);
      transform.position.setValue(x,y,z);
      transform.scale.setValue(20,20,20);
    },

我想在js中根据不同位置动态添加gltf模型并且绑定点击事件。现在模型已经添加成功了，以及自动创建的碰撞盒也显示出来了，但是点击事件没有触发。

model.event.add("touch-shape",this.tapScreen);

这里官方文档的添加event没有效果。

<xr-gltf id="miku1" model="miku" position="0 0 0" scale = "5 5 5" anim-autoplay cube-shape="autoFit:true" shape-gizmo bind:touch-shape="handleTouch"/>

在wxml页面中添加的模型是可以进行点击的

请问下大佬们有没有什么办法可以动态在gltf上绑定点击事件？