diff --git a/src/page/question/QuestionListAnswerCard.vue b/src/page/question/QuestionListAnswerCard.vue
index fd5b7b2f..1a8a0790 100644
--- a/src/page/question/QuestionListAnswerCard.vue
+++ b/src/page/question/QuestionListAnswerCard.vue
@@ -1,5 +1,8 @@
 <template>
-  <div v-if="answer" class="module-question-list-answer-card">
+  <div
+    v-if="answer"
+    class="module-question-list-answer-card"
+    @click="gotoAnswerDetail">
     <!-- User avatar. -->
     <user-avatar
       :anonymity="anonymity"
@@ -67,6 +70,12 @@ export default {
       const { body } = this.answer;
       return syntaxTextAndImage(body || "").text;
     }
+  },
+  methods: {
+    gotoAnswerDetail() {
+      const { question_id: qid, id } = this.answer;
+      this.$router.push(`/questions/${qid}/answers/${id}`);
+    }
   }
 };
 </script>