1. 程式人生 > >vue中點選一個按鈕,顯示、隱藏搜尋框

vue中點選一個按鈕,顯示、隱藏搜尋框

<div class="search" v-show="isshow">
  <input type="text" class="sea_input" name="keyword">
  <button @click="Search_con">搜尋</button>
</div>


剛開始搜尋框是隱藏的,然後,點選.butto,搜尋框顯示

export default {
  data(){
    return{
      isshow:false
    }
  },
  methods:{
    showToggle(){
      this.isshow = !this.isshow
    }