fix: 歌单详情搜索结果后改变id参数重新获取歌单详情会显示错误

sl1673495 · Aug 7, 2019 · b3e6e06 · b3e6e06
1 parent 7df33ea
commit b3e6e06
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/page/playlist-detail/index.vue b/src/page/playlist-detail/index.vue
@@ -66,7 +66,6 @@ export default {
   async created() {
     this.SONG_IDX = SONG_IDX
     this.COMMENT_IDX = COMMENT_IDX
-    this.$watch('id', this.init, { immediate: true })
   },
   data() {
     return {
@@ -120,6 +119,15 @@ export default {
       return this.songs.filter(({ name, artistsText, albumName }) => `${name}${artistsText}${albumName}`.toLowerCase().includes(this.searchValue.toLowerCase()))
     }
   },
+  watch: {
+    id: {
+      handler() {
+        this.searchValue = ''
+        this.init()
+      },
+      immediate: true
+    },
+  },
   components: { DetailHeader, SongTable, Comments }
 }
 </script>