如何在Vue3里面设置annotorious(https://annotorious.github.io/)插件取消框选功能，只在选中文字后弹框？

要取消annotorious插件的框选功能，可以通过在创建插件实例时传入配置对象来实现。具体方法是在配置对象中设置 `disableEditor` 选项为 `true`。此外，你还需要在选中文字后显示弹框，可以通过监听 `select` 事件来实现。

以下是示例代码：

<template>
  <div ref="imageWrapper">
    <img ref="image" src="/path/to/image.jpg" />
  </div>
</template>

<script>
import { Annotorious } from '@recogito/annotorious';

export default {
  mounted() {
    const imageWrapper = this.$refs.imageWrapper;
    const image = this.$refs.image;

    const anno = new Annotorious({
      image: image,
      disableEditor: true // 禁用框选功能
    });

    anno.on('select', annotation => {
      // 显示弹框
      console.log('Selected annotation:', annotation);
    });

    anno.setProperties({
      // 设置其他属性
    });

    anno.loadAnnotations('/path/to/annotations.json');
  }
};
</script>

在上面的代码中，我们首先通过 `$refs` 引用了图片和图片容器元素。然后创建了一个 `Annotorious` 实例，并将图片元素和配置对象传入。

通过设置 `disableEditor` 选项为 `true`，我们禁用了插件的框选功能。然后，我们监听了 `select` 事件，并在事件处理程序中显示了弹框。

最后，我们调用了 `setProperties` 方法来设置其他属性，和 `loadAnnotations` 方法来加载注释。这些方法都是可选的，具体使用取决于你的需求。