Javascript 如何在Vuetify中为activator属性创建节点？

Vuetify在许多组件（如

v-menu

或

v-dialog

）中提供道具

activator

，但没有更多关于如何创建节点以正常工作的详细信息。 文件是这样描述的

未使用激活器插槽时指定自定义激活器。字符串可以是任何有效的querySelector，对象可以是任何有效的节点

---

但是我使用querySelector来选择一个简单的元素，但它不起作用，我应该添加任何附加属性吗？

据我所知，没有附加的道具。

activator

prop接受3种不同的类型

带选择器：

下拉列表
...

带组件：

下拉列表
...

使用HtmleElement：

下拉列表
...

newvue({
数据：（）=>({
myBtn:null，
...
}),
安装的（）{
let button=document.createElement（'按钮'）
button.textContent='Dropdown'
document.body.insertBefore（按钮，document.body.firstChild）
this.myBtn=按钮
}
}).$mount（“#应用程序”）

new Vue({
  data: () => ({
    myBtnRef: null,
    ...
  }),
  mounted() {
    this.myBtnRef = this.$refs.myBtn
  }
}).$mount('#app')