Vue.js是一款非常流行的JavaScript框架，它的核心特點是輕量級、高效、易用。其中，Vue-Element-UI是Vue.js中一個非常實用的開源UI框架，它提供了多種常用的UI組件，其中就包括Input輸入框組件。

對于Input輸入框組件，它是一個用戶輸入數據的重要組件。默認情況下，輸入框的顯示與隱藏是由屬性控制的，比如使用v-if來動態控制輸入框的顯示與隱藏。

<el-input v-if="showInput" v-model="inputData" />

在上面的代碼中，我們可以看到，使用v-if控制輸入框的顯示與隱藏，并使用v-model實現數據的雙向綁定。但是，有時候我們需要動態控制輸入框的顯示與隱藏，而又不想刪除或注釋掉該標簽。此時，我們可以使用css樣式實現元素的隱藏。

<el-input v-show="showInput" v-model="inputData" />
<style scoped>
.el-input {
display: none;
}
</style>

上面的代碼中，我們使用v-show指令來動態控制輸入框的顯示與隱藏，并使用css樣式將該元素隱藏。

除了使用css樣式外，我們也可以使用v-bind:style指令來動態控制輸入框的樣式。比如，我們可以通過判斷一個變量來設置輸入框的display樣式屬性。

<el-input v-bind:style="{display: showInput ? 'block' : 'none'}" v-model="inputData" />

在上面的代碼中，我們使用v-bind:style指令來動態綁定樣式，并使用三目運算符來判斷輸入框是否需要顯示。

除了以上兩種方式，我們還可以通過修改元素的class屬性實現動態控制輸入框的顯示與隱藏。比如，我們可以定義一個hidden類，并在需要隱藏的元素上添加該類，從而實現元素的隱藏。

.hidden {
display: none;
}
<el-input :class="{hidden: !showInput}" v-model="inputData" />

在上面的代碼中，我們定義了一個hidden類，并使用:class綁定該類到輸入框上。當showInput為false時，輸入框將隱藏。

綜上所述，我們可以通過css樣式、v-bind:style指令、class屬性等方式來實現Vue-Element-UI中輸入框的動態顯示與隱藏。根據實際需求，選擇不同的方式可以更加靈活地控制表單元素的顯示與隱藏。