input如何在获取焦点时得到他在整个页面位置动态设置他的下拉框的位置？

Question

<input type="text" @focus="searchOPSFocus(index)" :placeholder="validateObj.operation_name" v-model="submitData.operation_name[0]">...<ul class="ops-search-wrap">
      <li>123</li>
      <li>123</li>
      <li>123</li>
    </ul>

页面中有很多input，要做输入关键字弹出检索的下拉框，我想通过searchOPSFocus方法得到这个input在页面中的位置，然后动态的设置ops-search-wrap位置，但是打印这个事件没有发现我想要的数据？是什么原因。

Answer 1

target属性中有两个属性offsetLeft和offsetTop利用它们可以做到你想做的事情