Javascript 什么会导致输入占位符隐藏？

我正在将Vuejs用于一个网站，但我遇到了一个奇怪的问题。
出于某种原因，只有在重新加载页面时才会显示输入的占位符。如果我使用vue路由器浏览网站，它就会消失。我必须重新加载，使其再次可见

注意：还有其他占位符完全在同一页面上工作（不是相同的组件tho）

什么会导致占位符不显示

我无法真正显示代码，因为我认为问题更多的是整个应用程序，而不是一点点代码，下面是输入：

<form action="/http://localhost:4000/search">
        <input type="text" id="InputSearchArticle" v-model="searchArticle" placeholder="Browse..." />
       <router-link :to="{ name: 'search', params: {searchArticle } }">
           <div class="search-trigger" @click="triggerSearch"></div>
       </router-link>
 </form>

---

感谢您的帮助

占位符的颜色可能与输入的背景颜色相同？

占位符仅在输入中没有内容时显示。您的：

searchArticle

变量是否包含空字符串以外的任何内容？感谢您的回复，很遗憾，它只是一个空字符串。另外，这个组件被使用了好几次，这可能是问题吗？我不知道这是否相关，但是：其他

输入

元素是否有

名称

属性？或者这是唯一一个没有

name

属性的？此外，这是否在每个浏览器中都会发生？所有输入都没有名称属性！是的，这在每个浏览器中都会发生……我想我们需要更多的洞察力。有没有一种方法可以让您开发一个运行的示例，让我们看看：jsfiddle，等等