javascript - 有什么办法可以让带有输入和排序的工具提示都应用于VueJS中的同一个标题？

Question

 <th v-for="value in tableHeaders" v-bind:key="value" @click="sorting(value)">{{value}}
 <span class="tooltiptext">
<input type="text" class="form-field" placeholder="Search" v-model="filterthese[value]"><br>
<button class="button button-theme" @click.prevent="applyFilter()">Apply </button>
 </th>

//排序函数 //应用过滤函数

问题是，虽然排序在这里工作，我可以看到所有标题的输入工具提示，但我无法在工具提示内写任何东西，因为当我点击写入时，它会调用排序函数，该函数对页面进行排序和重新加载.

标签： javascriptsortingvue.jsvuejs2tooltip