Vue.js “选择”中“选项”中的可见元素

我想将DOM上的所有可见元素添加到选择选项中。当使用v-if隐藏“我的元素”时，“选择”选项应更改。这可能吗？下面的代码不更新选项

<select class="form-control-sm float-sm-right ml-2">
   <option
     v-for="n in visibleElements"
     v-bind:key="n.id"
     :value="n.id"
     >{{n.id}}
   </option>
</select>

methods:{
  visibleElements(){
    // I will have some kind of loop - for the time being showing one element
    var elements = []
    if (document.getElementById(`#el-1584610039188`)){
      elements.push({id:'1584610039188'})
    }
  }
}

---

很难回答您的问题您的代码缺失-添加代码片段

总之，概述：

v型=所选基本示例：

请选择一个 A. B C 已选定：{{Selected} 新Vue{ el:“应用程序”， 数据：{ 挑选出来的： } }

---

我不想隐藏/取消隐藏div，但要删除选项“London”，例如，如果div未显示，则从选择中删除。可能会在流程中添加一个屏幕截图。听起来像是一个非常具体的UI想法。像这样很难回答，添加当前代码的代码片段也很有帮助。您是否讨论了select menu+这个概念的模块化渲染？