fix: 搜索加入歌曲逻辑优化

sl1673495 · Jul 30, 2019 · 282d721 · 282d721
1 parent 49166cb
commit 282d721
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/search.vue b/src/components/search.vue
@@ -114,7 +114,7 @@ export default {
     }
   },
   methods: {
-    onInput: debounce(function(value) {
+    onInput: debounce(function (value) {
       if (!value.trim()) {
         return
       }
@@ -153,15 +153,15 @@ export default {
         img: picUrl
       })
       this.startSong(song)
-      this.setPlaylist({ data: [song] })
+      this.addToPlaylist(song)
     },
     onClickPlaylist(item) {
       const { id } = item
       this.$router.push(`/playlist/${id}`)
       this.searchPanelShow = false
     },
     ...mapMutations(["setPlaylist"]),
-    ...mapActions(["startSong"])
+    ...mapActions(["startSong", 'addToPlaylist'])
   },
   computed: {
     suggestShow() {

diff --git a/src/store/actions.js b/src/store/actions.js
@@ -42,7 +42,9 @@ export default {
   addToPlaylist({ commit, state }, song) {
     const { playlist } = state
     const copy = playlist.slice()
-    copy.unshift(song)
-    commit('setPlaylist', { data: copy })
+    if (!copy.find(({ id }) => id === song.id)) {
+      copy.unshift(song)
+      commit('setPlaylist', { data: copy })
+    }
   }
 }