three获取有点击到的模型

在Vue.js中，`v-model.lazy` 或者 `@click="$emit('update:model', value)"` 这样的用法可以帮助你在用户点击某个元素时动态更新绑定的模型值。`three`库通常用于3D渲染，如果你是指在Three.js中处理模型的点击事件，你需要监听`raycaster.intersectObjects()`返回的结果，这个函数会在场景中检测鼠标点击，并找到第一个被点击的对象。

例如：

// 假设你有一个Three.js的场景和模型
const raycaster = new THREE.Raycaster();
const objects = scene.children;

function handleClick(event) {
  // 把鼠标位置转换为Three.js坐标系统
  const mousePosition = new THREE.Vector3(
    (event.clientX / window.innerWidth) * 2 - 1,
    -(event.clientY / window.innerHeight) * 2 + 1,
    0
  );

  // 遍历场景中的物体并检查是否被点击
  raycaster.setFromCamera(mousePosition, camera);
  const intersects = raycaster.intersectObjects(objects);

  if (intersects.length > 0) {
    // 点击到了一个模型，通过$emit更新model值
    this.$emit('modelSelected', intersects[0].object);
  }
}

element.addEventListener('click', handleClick);

在这个例子中，`modelSelected`是一个自定义事件，当你在3D场景中点击一个模型时，它会被触发并将被选中的模型对象作为参数传递。