vant 組件導致 mounted 執行了兩個

新用 v-if 隱藏,再放出來

<div class="header" v-if="isShowHeader">
    <van-search placeholder="請輸入搜索關鍵詞" v-model="value" />
</div>

export default {
  data() {
    return {
      isShowHeader: false,
    }
  }
}

 mounted() {
    // 引入頭部的vant組件會導致mountend方法執行兩次,這裏先隱藏,再放出來解決此問題
    this.isShowHeader = true;

 }

這種問題第一次遇見,解決方法也不一定通用,大家多google解決方案吧

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章